설정 (2) 썸네일형 리스트형 Prettier (코드 자동 정렬) 설정 [사용 이유] Prettier를 사용하게 되면 코드를 정해진 방식대로 자동으로 정렬을 시켜주어 가독성을 높일 뿐만 아니라 팀원들과 같은 조건에서 정렬이 되므로 소스 충돌도 줄이게 됩니다 [설치] Extention에서 prettier를 검색하여 설치해준다 [설정 방법] 1. File(파일) > Preferences(기본 설정) > Setting(설정) 으로 이동 (= 화면 왼쪽 하단 톱니바퀴 클릭, 단축키 Ctrl + , 이용 ) 2. User(사용자) > TextEditor(텍스트 편집기) > Formatting(서식) - Format On Paste : 사용자가 코드를 붙여넣기 했을 때, 자동으로 코드를 정렬 - Format On Save : 사용자가 코드를 저장 했을 때, 자동으로 코드를 정렬 -.. Debugger for Chrome(vsCode에서 디버그 사용하기) [설치] 1. 링크를 통해 설치 - https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome 2. VScode 확장 관리에서 검색 후 설치 빨간색 표시한 부분을 보면 설치하고 사용할 수 있는 부분이 있습니다 제대로 사용하고 계시다면 저 처럼 보여집니다. [설정] 1. F5 키를 누르거나 상단 메뉴에서 Run(실행) - Start Debugging(디버깅 시작) 를 누르게되면 Select Environment 창이 뜨는데 거기서 Chrome을 선택합니다. 2. launch.json 파일의 내용을 사진과 같이 바꿉니다. [사용방법] Debugger for Chrome을 사용하기 위해서는 우선 현재 개발중인 웹 어플리케이션.. 이전 1 다음
