웹개발

웹개발 강의를 듣고 있는데 강사님이 에디터와 터미널을 굉장히 빨리 왔다 갔다 하는 모습을 보고 '이건 분명히 뭔가 있다' 싶어서 어떻게 하는지 찾아보았다. VSCode 터미널이랑 에디터 포커스 전환 방법 VSCode에서 직접 지원하는 기능은 아니기 때문에 따로 설정을 해주어야 한다. 방법은 아래와 같다. 1. ctrl+ shift + p를 누르고 Open keyboard Shortcuts(JSON)으로 들어가 설정한다. 2. 아래와 같이 단축키 설정을 해준다. "key"속성에서 본인이 원하는 단축키로 설정해주면 된다. // Place your key bindings in this file to override the defaults [ // Place your key bindings in this fil..

파이어베이스(Firebase)란? 파이어베이스(Firebase)는 구글(Google)이 개발한 모바일 및 웹 애플리케이션 개발 플랫폼이다. 개발자들이 백엔드 인프라를 구축하거나 관리하는 복잡한 작업 없이 핵심 기능에 집중할 수 있도록 도와준다 쉽게 설명하면, 1) 파이어베이스는 웹 서버를 대신 만들어주는 서비스 2) 서버 개발 없이 제작 가능 3) 백엔드 코드 한 줄 없 프론트지식(HTML, CSS, JS)만 알아도 웹 서비스 출시 가능 개발코드 1. 서버로 데이터를 전송하는 코드 (프론트엔드에서 작성) 개발코드 2. 데이터를 받으면 데이터베이스에 저장하는 코드(파이어베이스에서 작성) 파이어베이스 로그인 https://firebase.google.com/?hl=ko 1. 위 사이트 접속 후 로그인 2. ..

JQuery란? HTML 요소들을 조작하는 Javascript를 미리 더 쉽게 작성해둔 것. 라이브러리 JQuery를 쓰는 이유 순수 Javascript만 사용하면 길고 복잡하기 때문에 좀 더 단순한 제이쿼리를 쓴다. Javascript로도 모든 기능을 구현할 수 있지만, 1)코드가 복잡하고 2)브라우저 간 호환성 문제도 고려해야 해서, JQuery라는 라이브러리가 등장하게 되었다. JQuery VS Javascript 제이쿼리는 미리 작성된 Javascript 코드다. 전문 개발자들이 짜둔 코드를 가져와서 사용하는 것이기 때문에 쓰기 전에 반드시 "임포트"를 해야함 Javascript document.getElementById('hello').innerHTML = '안녕'; jQuery $('#hell..

자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다. 모던 js 튜토리얼에선 다음과 같이 설명함 자바스크립트는 ‘웹페이지에 생동감을 불어넣기 위해’ 만들어진 프로그래밍 언어입니다. 자바스크립트로 작성한 프로그램을 스크립트(script) 라고 부릅니다. 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행됩니다. 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 할 수 있습니다. 이런 관점에서 보면 자바스크립트는 자바(Java)와는 매우 다른 언어라고 할 수 있습니다. 왜 브라우저를 움직이게 하기 위해 JavaScript를 사용해야 하는가? 브라우저가 JavaScript를 주로 사용하는 이유는 역..