시작하기에 앞서

알고 있어야하는 내용으로는 React, React Hooks, GraphQL이 있다.

기본 세팅

폴더 생성 및 설정

NodeJS 버젼에 주의할 것!! nvm을 활용해서 NodeJS 버젼을 여러개 사용할 수 있다.

1. 1. npx react-create-app “Folder”
2. 2. src 폴더에서 index.js 그리고 App.js 말고 전부 삭제

기본 파일 설치

1. 1. npm install –save styled-components
2. 2. npm install –save react-router-dom
3. 3. npm install @apollo/client graphql

폴더 구조 변경

react-router-dom Router를 사용하여 폴더 구조화.

components : App.js

routes : Home.js / Detail.js

Reset CSS

1. 1. public 폴더에 reset.css에 해당 코드 추가
2. 2. public 폴더에 index.html에 코드 추가

<link rel="stylesheet" href="%PUBLIC_URL%/reset.css" />