REACTJS (3) 썸네일형 리스트형 리액트 프로젝트에 도움을 주는 패키지들 리액트 프로젝트에 도움을 주는 패키지들리액트 프로젝트를 시작하면 이것저것 작업을 편하게 해주는 패키지가 많은데 나중에 한번에 보려고 정리합니다.가능한 패키지들 사용 안하는 스타일인데 꼭 필요하거나 사용하기 좋은 패키지를 사용 안하는건 너무 비효율적이니깐최소한?으로 고고싱~~~~~ 🌐 react-app-polyfillcreate-react-app v2 부터는 IE 지원을 아예 빼 버렸기 때문에 IE 에서도 돌아가게 하려면 polyfill을 추가해야 한다.적용하고 싶은 프로젝트 루트에서 아래 명령어로 polyfill을 추가하자. npm 사용시 #npm install react-app-polyfill yarn 사용시 #yarn add react-app-polyfill 그다음 src/index.js 를 열어 첫.. react + eslint + vscode + airbnb 셋팅 #2 react + eslint + vscode + airbnb 셋팅 #1여기에 이어서.. 1. 프로젝트를 생성합니다. # create-react-app book # cd book book이란 이름의 리액트 프로젝트를 생성합니다.그리고 프로젝트 폴더로 이동합니다. 2. Airbnb 설정 패키지를 설치합니다. # yarn add -D eslint-config-airbnb -D : 옵션은 --dev 옵션하고 같은거로 빌드시 얘를 제외합니다. 3. eslint 설정파일을 생성합니다. # vi .eslintrc.js vi 말고 에디터로 .eslintrc.js 파일 만들어도 되구요.아래 내용을 입력하고 저장합니다. module.exports = { 'parser': 'babel-eslint', 'extends': 'a.. react + eslint + vscode + airbnb 셋팅 #1 react + eslint + vscode + airbnb 써볼라고 이거저거 설치를 몇번을 한건지 모르겠다 ㅠㅠ나중에 또 봐야 하니깐 정리를 해 놔야지 1. vscode 설치(MS에서 만든 무료 에디터. 갓MS)https://code.visualstudio.com/ 2. node.js 설치(with npm)https://nodejs.org/ko/ 3. 설치 잘 됐나 버전 확인 PS C:\playon> node -v v8.12.0 PS C:\playon> npm -v 6.4.1 4. yarn 설치 npm i -g yarn 5. eslint 설치 npm i -g eslint 6. eslint 설치(vscode 확장)https://marketplace.visualstudio.com/items?itemName=.. 이전 1 다음
