여기에 있는 내용은 개정판 5쇄 이상 기준입니다. 개정판 1~4쇄에 기준한 업데이트 사항은 다음 링크에서 확인하세요:
기존의 설명에서 사용되던 코드가 적절하지 않아 코드를 변경합니다.
Info.js - useEffect
useEffect(() => {
console.log('effect');
return () => {
console.log('unmount');
};
}, []);'unmount' 부분 볼드 처리 부탁합니다.
node-sass 최신 버전이 현재 create-react-app에서 작동하지 않습니다. 따라서, 구버전을 설치해야 합니다.
- $ yarn add node-sass
+ $ yarn add node-sass@4.14.1문구 추가: 2021년 1월 기준, node-sass의 최신 버전이 create-react-app에서 지원되고 있지 않습니다. 따라서, 구 버전을 사용해 주세요.
- $ yarn add node-sass classnames react-icons
+ $ yarn add node-sass@4.14.1 classnames react-iconsruntime~main.js 가 runtime-main.js 로 변경됐습니다.
pg.559 에서 asset-maniefst.json 파일을 다음과 같이 변경합니다.
- "runtime~main.js": "/static/js/runtime~main.c5541365.js",
- "runtime~main.js.map": "/static/js/runtime~main.c5541365.js.map",
+ "runtime~main.js": "/static/js/runtime-main.c5541365.js",
+ "runtime~main.js.map": "/static/js/runtime-main.c5541365.js.map",pg.560에서 index.server.js 를 다음과 같이 변경합니다.
- <script src="${manifest.files['runtime~main.js']}"></script>
+ <script src="${manifest.files['runtime-main.js']}"></script>localStorage 에서 데이터 조회 후 JSON.parse 를 해야 하는데 이 부분이 생략됐습니다.
- store.dispatch(tempSetUser(user));
+ store.dispatch(tempSetUser(JSON.parse(user)));