html에서 >가 다음 줄로 넘어가는 것 방지 setting에서 prettier: bracket을 검색하면 나오는 Bracket Same Line 설정을 체크 상태로 바꿔준다. html이 너무 과도하게 줄바꿈 되는 것 같아서 한 줄로 출력하고 싶을 때 setting에서 prettier: single을 검색하면 나오는 Single Attribute per Line의 체크상태를 해제해준다. prettier: width를 검색하면 나오는 Print Width 의 값을 높여준다. 200~300 정도면 적당한 것 같다. 가로 스크롤만 생기지 않게 시각적인 줄만 바꾸기 실제로 코드의 줄을 바꾸는 게 아니라 내가 보는 윈도우의 줄만 넘기는 설정이다. setting에서 word wrap을 검색하여 Editor: Wor..
멀티 커서 수동 지정은 Alt+Click 으로 가능하다. alt를 누른채로 원하는 곳을 클릭해주면 된다. Ctrl+Alt+Up or Ctrl+Alt+Down 멀티커서를 위 아래로 넓힌다. 선택 단어 선택. 여러번 사용하면 멀티 선택이 가능하다. Ctrl+D 현재 선택한 문자열 또는 커서 주변의 단어와 일치하는 문자열 모두를 선택한다. Ctrl+Shift+L Shrink / expand selection : 단위로 묶어서 선택을 늘려갈 수 있다. Shift+Alt+Left or Shift+Alt+Right 행 전체 다루기 현재 행 전체 선택 : Ctrl+L 라인 전체 위아래 복제 : Shift+Alt+Up or Shift+Alt+Down 현재 행 전체 삭제 : Ctrl+Shift+K 현재 행 위아래로 이동..
윈도우환경에서 ATOM을 쓰며 생긴 이슈들을 이 포스트에 지속적으로 업로드할 예정이다. ⚙️초기 설정 1. 자동 줄바꿈 setting -> editor -> soft wrap 체크 아래쪽에 있다. 2. 유용한 플러그인 인스톨 emmet : 필수툴. 자동완성 기능이 좋았다 atom-beautify : 코드를 예쁘게 정리해준다. 사용법 : 단축키 ctrl+alt+b autoclose-html : HTML태그를 자동으로 닫아준다 minimap : 내비게이터 open-in-browser : 브라우저에서 파일을 바로 열도록 해준다. 사실 이게 기본으로 장착되어 있지 않아서 당황했다.. pigments : 색을 직관적으로 표시해준다 color-picker : 컬러피커가 생겨서 색상 넣을 때 편하다 🔧 문제해결 1...
💡 윈도우환경에서 VSCode를 사용하며 생긴 이슈들을 이 포스트에 지속적으로 업로드할 예정 첫 화면에서 튜토리얼(Get start with VS Code)을 안내하는데, 이 튜토리얼을 따라해보길 추천한다. Visual Studio Code Tips and Tricks 에서 모든 기능들을 안내하고 있다. JavaScript in VSCode 소개 페이지처럼 TOPIC를 눌러보면 각 언어별로 VSCode에서 제공하는 편의 기능(IntelliSense 등)을 볼 수 있다. Commit & Push 왼쪽 버튼에서 간단하게 커밋과 푸시가 가능하다. 스테이지에 올라간 항목도 가시적으로 확인 가능하기에 편리하다. ⚙️Tips and Tricks 복수의 폴더 열어놓고 작업하기 EXPLORER탭에서 우클릭 → Add ..
