Tool
1.VSC Extensions 모음
Korean Language Pack, Live Server, Code Spell Checker, Error Lens, Import Cost, indent-rainbow
2.yarn에서 서버 실행시키는 방법
서버 실행, 서버 종료, 포트 번호 변경
3.코드 파일 전송 시 용량 줄이는 방법, 라이브러리 재설치 방법
node_modules, yarn install, 라이브러리 재설치
4.npm과 yarn의 차이점
npm, yarn
5.VSC에서 관련된 내용을 파일 이동 없이 미리 보는 방법
Command 누르고 state 클릭해서 export한 파일의 내용을 화면 이동 없이 미리보고 수정하는 방법
6.playGround에서 GraphQL API 요청하는 방법
API를 실행할 수 있는 프로그램인 playGround에서 API를 요청하는 방법
7.Python 설치하기
python 설치하는 방법
8.[husky@4] husky version 4 설치하기
husky 허스키 설치 방법
9.package.json의 dependencies와 devDependencies
dependencies dependencies의 파일들은 브라우저에서 실제로 실행된다. devDependencies 개발할 때 vsc에서 필요한 것으로, 브라우저에서 실행되지 않는다. ex) TypeScript 여기에 있는 것들은 나중에 배포할 때는 설치할 필요가
10.[ESLint/Prettier] 코드 린터와 포맷터 설치하기
코드 린터, 코드 포맷터, ESLint, Prettier 설치하기
11.React 디버깅 툴
React 디버깅 툴(React-Developer-Tools)
12.Wappalyzer
Wappalyzer 이용하면 사이트가 어떤 서비스로 만들어졌는지 확인할 수 있다.주소는 하나이지만 프론트엔드 서버가 분산되어있어서 페이지마다 기술 스택이 다른 경우도 있다. ex) 네이버\[Wappalyzer 설치]
13.[cypress] cypress 초기 세팅
1. cypress 설치 [cypress] [typescript] [eslint-plugin-cypress] 2. 설정 tsconfig.json .eslintrc.json .eslintrc.js cypress/support/index.js cypress.jso
14.[husky] husky version 8 설치하기
연관 내용\[ESLint/Prettier 설치 방법]\[husky 사이트]husky는 정해진 규칙에 맞지 않으면 commit을 거절한다.🚨 package.json과 .git이 있는 경로에서 진행해야 한다.설치할 디렉토리의 터미널에서 설치 명령어 입력.husky 폴더가