Amada Coding Club

[Eslint & Prettier] Eslint와 Prettier에 대해 알아보자 어느 JS강의를 보던 Eslint와 Prettier 설정은 기본 옵션으로 달고 시작한다. 도대체 이것들이 뭔데 다들 이걸 설정하고 시작하는걸까? Eslint Lint는 보푸라기라는 뜻으로 프로그래밍에서 에러가 있는 amadaclub.tistory.com 시작하기 전에 이 글 참고하시길 이번엔 Eslint와 Prettier를 설치하고 적용해보겠다. npm i -D eslint npm install --save-dev --save-exact prettier 먼저 eslint와 prettier를 설치한다. --save-dev는 -D와 같은 개발용에서만 사용하는 devDependencies 패키지로 설치하겠다는 의미이고 --sav..

어느 JS강의를 보던 Eslint와 Prettier 설정은 기본 옵션으로 달고 시작한다. 도대체 이것들이 뭔데 다들 이걸 설정하고 시작하는걸까? Eslint Lint는 보푸라기라는 뜻으로 프로그래밍에서 에러가 있는 부분에 표시를 하는 행위를 뜻함 Es는 ECMAScript의 약자이며 자바스크립트의 표준, 규격을 나타내는 용어 그러니까 자바스크립트 표준 문법에 맞지 않는 코드의 에러 표시를 도와주는 도구라고 생각하면 좋을듯 JS나 JSX의 정적 분석 도구로 코드의 문법적 오류나 안티 패턴을 찾아주고 코드의 일관된 형태를 유지시키는데 도움을 주는 오픈소스 프로젝트다. 정적 분석 도구는 이전에도 많이 있었지만 Eslint는 커스터마이징과 확장성이 우수해 많은 곳에서 사용하고 있다. 오픈소스 프로젝트이기 때문에..

패캠 basic단계에서는 바닐라JS를 통한 간단한 프로젝트를 진행한다. 지난 게시글에서 알아본 웹팩에 대해 간단하게 알아봤으니 설정을 해보자 우선 node.js은 기본으로 설치되어야 한다.(npm은 자동 설치됨) 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 자 설치까지 끝냈으면 우선 package.json 파일부터 생성하자 npm init -y 그리고 웹팩 관련한 패키지들을 설치한다 npm install -D webpack webpack-cli webpack-dev-server webpack-cli는 웹팩을 더 쉽게 사용할 수 있도록 하는 터미널 명령어를 제공해주는 패키지이..