고코몽의 프론트엔드 저장소 고코몽의 프론트엔드 저장소

React/Settings

• React - React Developer Tools

  React/Settings 2021. 6. 5. 16:31

  https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=ko React Developer Tools Adds React debugging tools to the Chrome Developer Tools. Created from revision 0ae5290b54 on 5/25/2021. chrome.google.com Components 컴포넌트 기준으로 Props 및 State, 파일 위치 확인 가능 Profiler 컴포넌트 성능 측정

  Read More
• React - Husky

  React/Settings 2021. 6. 5. 15:51

  https://github.com/typicode/husky typicode/husky Modern native Git hooks made easy 🐶 woof! Contribute to typicode/husky development by creating an account on GitHub. github.com husky 란? git hook 관리 git hook 이란? git을 쓰다가 특정 이벤트(커밋,푸시 등)가 발생했을 때, 그 순간 특정 스크립트가 실행 husky 설치 npm i -D husky git hook 설치 npx husky install package.json scripts prepare 추가 // package.json { "name": "react-basic", "version"..

  Read More
• React - Prettier

  React/Settings 2021. 6. 5. 15:29

  https://prettier.io/ Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io 방법 1 Prettier Plugin 설치 설정(Ctrl + ,) > Default Formatter > Prettier 설정 Format On Save 선택 방법 2 .prettierrc 파일 생성 옵션 설정

  Read More
• React - ESLint

  React/Settings 2021. 6. 4. 07:47

  https://eslint.org/ ESLint - Pluggable JavaScript linter Customize Preprocess code, use custom parsers, and write your own rules that work alongside ESLint's built-in rules. You can customize ESLint to work exactly the way you need it for your project. eslint.org create-react-app 으로 프로젝트 설치 시, ESLint는 기본적으로 설치되어 있음 { "scripts": { "start": "react-scripts start", "build": "react-scripts build", "t..

  Read More
• React - Create React App ( package.json module 업데이트 )

  React/Settings 2021. 6. 4. 07:20

  https://create-react-app.dev/ Create React App Set up a modern web app by running one command. create-react-app.dev 프로젝트 생성 npx create-react-app [프로젝트명] npx : npx 5.2.0 이상부터 함께 설치된 커맨드라인 명령어 프로젝트 개발 모드 실행 npm start 프로젝트 build 및 프로덕션 모드 실행 npm run build npx serve -s build 참고) package.json 모듈 업데이트 npm i -g npm-check-updates ncu -u ( package.json 모듈 업데이트) npm i ( 업데이트 된 package.json 재설치 )

  Read More
• React - 개발환경 셋팅

  React/Settings 2021. 5. 30. 20:30

  nodejs 설치 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org NVM 설치(Node Version Manager) https://github.com/coreybutler/nvm-windows coreybutler/nvm-windows A node.js version management utility for Windows. Ironically written in Go. - coreybutler/nvm-windows github.com Chrome 설치 https://www.google.co.kr/chrome/?brand=CHBD&gclsrc=aw...

  Read More