레시피

라우터를 설치한다. npm install react-router-domBrowserRouter로 App.js의 컴포넌트 전체를 감싼다.url에 따라 각각 다른 페이지로 보여주고 싶은 컴포넌트들을 Switch로 감싼다.Switch 외부에 있는 컴포넌트는 모든 페이지에 공

빠르고 쉽게 api 서버를 구축할 수 있는 JSON API를 사용해보자.설치: 리액트 프로젝트 폴더를 경로로 두고~서버 구동하기: 프로젝트가 떠있는 서버가 3000라서 안 겹치게 3001로 했다.콘솔 창에 뜨는 주소로 접속하면 데이터가 잘 보일 것이다. 끝.REST A

컴포넌트 안에 컴포넌트 안에 컴포넌트 안에 컴포넌트 안에...(살려줘) 이렇게 컴포넌트가 여러 개 중첩되어 있으면 그만큼 props로 한 단계씩 state값을 전달하면 된다. 하지만 이 컴포넌트들끼리 서로 state값을 공유할 순 없는걸까? 그럴 땐 context AP

먼저 전체적으로 크게 보자컬럼이 어떤 사이즈로 몇 개 있나 : grid-template-columnrow가 어떤 사이즈로 몇 개 있냐 : grid-template-row레이아웃 안에 있는 각 요소가 column, row를 얼마나 차지해야 하는지 보자: grid-te