웹개발/생산성 향상

Emmet 에밋은 HTML, XML, XSL 문서 등을 편집할 때 빠른 코딩을 위해 사용하는 플러그인이다. 원래 젠코딩으로 부르다가 에밋으로 이름을 변경했다. 매우 간단한 몇 가지 코드만 입력하면, 자동으로 완전한 HTML 코드를 생성해 준다. 사용방법 단축키 입력 후 tab 키를 누르면 자동 완성됨 1. ! => html5 자동완성 2. 태그명 입력 시 태그 자동완성 3. 태그명 + . => 클래스 자동완성 4. 태그명 + # => 아이디 자동완성 ex) div#box 5. 태그명 > 태그명 > 태그명 => 부모 자식 노드 자동완성 6. 태그명 + 태그명 =>형제노드 7. 태그명 + 태그명 * N => n만큼 태그 반복 ex) ul>li*5 8. ^ => 자식노드 만든 후 그 부모의 형제 노드 만들기 ..
코드 줄 바꾸기 -> option + 방향키 위,아래 똑같은 단어 찾아서 한번에 수정하기 -> Command + D 한 줄 삭제 하기 : Command + Shift + K 커서 있는 줄에 코드 삽입 : Command + Shift + Enter 주석처리하기 : Command + / 코드 제일 위로 올라가기, 제일 아래로 내려가기 : Command + 방향키 사이드 바 숨기기, 보이기 + Command + B
웹개발 강의를 듣고 있는데 강사님이 에디터와 터미널을 굉장히 빨리 왔다 갔다 하는 모습을 보고 '이건 분명히 뭔가 있다' 싶어서 어떻게 하는지 찾아보았다. 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..