3️⃣

실습환경 세팅 Practice environment setting

웹 에디터(편집기)

문법 체크나 색, 들여쓰기 등이 가능해서 메모장보다 웹 에디터(JS Bin..)를 사용한다.
 

통합개발환경(IDE, Integrated Development Environment)

소스코드 편집기, 코드 실행을 위한 빌더, 코드 체크를 위한 디버거, 추가 기능을 제공하는 플러그인
(vs code, intelliJ 등)
 

첫 HTML 문서 만들기

notion image
작성한 html파일을 브라우저로 던진다.
 

VScode 단축키

notion image
강사님이 자주 쓰는 단축키라고 하셨는데 나도 전체 검색과 현재 창 닫기를 매우 자주 쓰고 있다. 노트북 화면이 작다보니 듀얼 모니터를 못 쓸 때 사이드바 토글도 가끔 쓰고 있다. 탐색기는 폴더 구조와 파일들이 보이는 맥의 finder 같은 역할인데 이 단축키는 처음 알게 되었다.
notion image
여기서 또 유용한 단축키를 알려주셨는데 라인을 들여쓰고 싶을 때 Tab+]를 쓰면 된다.
또, 커서 이동 없이 빈 줄을 하나 추가해서 바로 작성하게 해주는 게 Ctrl+Enter. 이걸 위로 추가해주는 게 Ctrl+Shift+Enter.