웹개발자의 기지개

맥에서도 윈도우 cmd 창에서와 같이 code /폴더명 하면 해당 폴더가 vscode 로 바로 열리도록 설정해 보자. vscode 를 일단 띄우고, Command + Shift + P 해서 상단 화면 창을 띄우고 shell 을 검색하면 Shell Command : Install 'code' command in PATH 를 선택하여 클릭하고 OK 한다.

Visual Code Extension 으로 확장탭을 누르고, live server 를 검색하여 바로 설치하도록 한다. 이제 main.html 테스트용 html 문서를 만들고, main.html 파일부분에 마우스 우클릭하고 나오는 메뉴중에 Open with Live Server 항목을 클릭하여 웹브라우저를 자동으로 띄워서, 결과를 확인해 보자. 이제 main.html 내용을 수정하고 저장만하면 그 즉시 결과가 그 브라우저에 바로바로 내용을 확인할 수 있다.

1. ! + Tab키 html 파일상에서 기본태그가 자동 삽입된다. 2. Alt + 방향키 위로아래로 해당 커서있는 줄내용이 그래도 위아래로 이동된다. 3. Ctrl + Alt + 방향키 위로아래로 위아래로 커서 이동하면서 여러줄 내용을 동시에 수정할 수 있다. 4. Ctrl + Shift + K 해당 커서있는 줄 삭제 5. Shift + Alt + 화살표아래 한줄내용 그대로 아래로 복사 6. 여러줄 반전 + Ctrl + / 여러줄을 반전하고 모두 주석처리