FE BE 개발 메모장/개발환경설정
아! 보기 좋은 코드다! Prettier 알아보기
Prettier 코드 품질을 위해 사용하는 ESLint와는 다르게 사용자의 옵션에 다라 코드 스타일을 이쁘게 맞춰준다. Prettier 적용하기 prettier은 VSCode 확장기능을 이용하여 설치해 줄 수있고 Node의 npm 기능을 통해 설치가 가능하다. 곧바로 톱니바퀴 버튼을 눌러 Extension setting으로 들어간다. 여기서 직접 설치해 줄 수 있고 .prettierrc.json 파일을 생성할 수있다. NPM으로 설치 $ npm install --save-dev -g --save-exact prettier 해당 프로젝트에서만 사용할 경우 -g는 생략가능 .prettierrc 파일 만들기 ESLint처럼 Prettier도 .json 혹은 .js 파일로 만들어서 사용한다. 기본적인 옵션들을 ..
EsLint 코드 포맷 통일 및 가독성 높히기
ESLint ESLint는 JavaScript, JSX의 정적 분석 도구로 오픈소스 프로젝트이다. 코드를 분석해 문법 오류나 안티 패턴을 찾아 일관된 코드 스타일로 작성하도록 도와준다. EsLint 설치 npm install eslint --save-dev yarn add eslint --dev ESlint 설정 npx eslint --init 다양한 질문의 세례가쏟아짐 이렇게 설정이 끝나면 .eslintrc.json 혹은 .eslintrc.js파일이 생성됨 { "env": { 프로젝트의 사용 환경을 넣어줍니다. "browser": true, "es2021": true }, "extends": "plugin:react/recommended", "parserOptions": { 자바스크립트 버전, 모듈 사..
Node.js 설치하기
NVM - Node Version Manage 한마디로 Node.js의 버전 관리자이다. 원하는 버전을 설치 및 삭제가 가능하며, 버전을 바꿔줄 수 있는 기능이 있다. github.com/nvm-sh/nvm nvm-sh/nvm Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - nvm-sh/nvm github.com 1. NVM설치 두가지 명령어 curl, wget중 하나를 터미널에 복붙 해서 실행한다. curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.37.2/install.sh | bash wget -qO- https://raw.g..