react 2

[react] .prettierrc

▶ Prettier - 다양한 코드 스타일을 사전 설정할 수 있음, 코드를 깔끔하게 정리하는 용도 - 자동코드 정리를 하면 코드가 제대로 정렬, 세미클론(;) 자동 추가, 작은따옴표 → 큰따옴표로 변경 - 프로젝트의 루트 디렉토리(src, public 디렉토리가 있는 곳)에서 .prettierrc 파일 생성 후 내용 입력하기 - 협업할 때 코딩 스타일을 맞출 수 있는 장점이 있음 - 관련내용은 참고링크를 참고 ▶ 예시 ▶ 참고링크 - https://prettier.io/docs/en/options.html Prettier · Opinionated Code Formatter Opinionated Code Formatter prettier.io

React 2019.12.03

[React] create react app 사용하기 (react프로젝트 생성하기)

▶ 사용하기전 확인사항 - react.js 설치가 되었나? - node.js 설치가 되었나? - npm/yarn 이 설치 되었는지? - VScode(visual Studio Code)가 설치되었는지? (다른 툴이여도 괜찮아요.) ** react.js를 사용하기 위해서는 패키지 사용을 위한 node.js가 설치되어야 하고 npm 또는 yarn 이 설치되면 된다. ▶ create react app 도구 사용하기 이전에는 package.json 작성해서 바벨이랑 웹팩을 직접 설치, 설정하고, 리액트 관련 라이브러리 설정을 했는데, 이 역할을 create react app이 한다. 페이스북에서 만들어준 도구야 해당 도구가 나오기 전에는 프로젝트 설정을 직접하거나 보일러플레이트(boilerplate) 이미 프로젝..

React 2019.11.20