이렇게 나눠서 렌더를 호출하려고 하면 ProductListPage를 매번 다시 호출하면서 코드를 전부 실행시켜줘야 하는데 new로 생성자함수로 호출하게 되면 내부의 코드는 계속 유지되면서 render()(?)
새로고침이나 url 직접입력시 Cannot GET 404 에러 → 서버 지원 필요 // 단순 버튼 이동은 routeChange()로 가능
서버가 필요하다
null 병합 연산자, Nullish coalescing operator(널리쉬코얼레싱)
⇒ node 버전 문제
왜 인스턴스 생성 방식인가? setState에서 this.render()를 써야 함. 내부에 render()를 선언할 수 밖에 없음. 로직을 바로 적어서 컴포넌트 실행만 시키면 setState를 쓸 수 없음
그럼 내부에 function render()와 function setState()로 하면 왜 안되나?
this.state가 유지되지 않음
다만 url이 변경되는 상황에서는 new와 함께 호출해서 인스턴스를 생성해 state도 초기화됨
dist 삭제후 재설치 용도 clean-webpack-plugin
일관성 측면에서 서버에다가 요청하도록하고, 서버가 보안 측면도 보완가능하므로 서버로 api를 옮겨야 함
이미지 파일이 웹팩에 들어가지 않는 이슈
path를 잘못지정해서 그럼. import 하는 부분이 어떤가?
public 아래에는 빌드할 파일들, src에 작업파일을 두어야함
차후 배포할 것들이 들어있다.
→ 이미지 가져오는 데 문제가 없음
src/index.html, index.js
webpack.config.js 에 문제가 없어보이고 path문제같음
css에서는 상대경로를 주면 된다.
js에서 이미지를 가져오게 된다면? js를 기준으로 상대경로를 주면 가져오게 되어 있음
