일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 그리디
- 코테
- prettier
- VanillaJS
- canvas
- 코딩테스트
- 프로그래머스
- await
- python
- 환경설정
- react internals
- useState
- React.memo
- pjax
- venv
- useEffect
- BFS
- webpack
- seo
- useMemo
- eslint
- 완전탐색
- Hook
- react
- 비동기
- useCallback
- Custom Hook
- VanillJS
- web
- Permutations
- Today
- Total
목록Front-End/환경설정 (2)
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..
패캠 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는 웹팩을 더 쉽게 사용할 수 있도록 하는 터미널 명령어를 제공해주는 패키지이..