Not only Slow but also Steady

📝 이 포스팅은 인프런강의의 Zerocho의 Node.js에 TypeScript 적용 강의를 듣고 정리한 글입니다. [vscode 환경세팅] 먼저 node 프로젝트 생성하고 package.json 이 초기에 세팅된 후에 vscode 환경세팅을 진행해주시면 됩니다. Breadcrumbs 활성화 시키기 Breadcrumbs 는 typescript 파일의 위치를 파악할 수 있는 네비게이션 역할을 합니다. ⌘(cmd) + , 단축키는 vscode 설정(preferences) 로 이동합니다. 검색어에 bread 라고 입력하면 아래사진의 핑크색박스 처럼 비활성화된 상태로 나옵니다. 샐랙트박스를 체크합니다. 설치패키지 $ npm i prettier $ npm i tslint $ npm i tslint-config-p..

설치되더라도 vscode prettier 확장프로그램을 설치해도 바로 적용이 안되는 경우가 있습니다. 참고자료의 도움으로 prettier 적용을 하게 됐습니다. cmd(⌘) + , 단축키를 누르면 설정(Preference)에 들어갈 수 있습니다. 1. editor format on save 검색 후 체크박스 체크표시 (fomat on save 도 마찬가지로, '사용자'탭과 '작업영역'탭에 적용시켜주세요~) 2. json 검색 후, Edit in setting.json 에서 수정합니다. 3. default formatter 을 검색 후에 esbenp.prettier-vscode 를 선택하시면 됩니다. 참고로 작업하고 있는 프로젝트 에서 적용하고 싶다면, 검색창 바로 밑에 있는 '작업영역' 탭을 선택해주세..

VSCode 팁 1. 터미널에서 code 명령어로 VSCode프로젝트 열기 (1) Command Palette를 열어줍니다: ⇧(Shift) + ⌘(Command) + P 를 입력하면 됩니다. (2) [Shell Command: Install 'code' command in PATH] 를 선택합니다. 2. 기본브라우저 설정방법 (1) VSCode의 확장도구 에서 'open in browser'을 설치합니다. open in browser은 사용자가 작성한 HTML 파일을 단축키(macOS: Option + B /windows: Alt + B)로 볼 수 있는 확장도구입니다. VSCode의 확장도구는 아래사진과 같이 생긴 아이콘 입니다. (2) 확장도구에서 open in browser 을 검색후, 톱니바퀴 버..