83 days
[ Don't try to memorize,
just repeat it
Until you automatically read it ]
어제 진행하면서 살짝 이해가 안갔던 부분을 짚어주셨다.
-
Stateful한 컴포넌트를 두 개 이상 만드세요. (다음 예시를 참조하세요. 라이브러리를 사용하지 마세요.)
-
Class 컴포넌트를 이용하여 state를 이용한 액션을 만들어야한다.
현재 나는 function 모듈로 이어놨으니 그걸 다 고쳐야한다. -
메뉴 선택 (selected/deselected) 컴포넌트 는 말그대로 메뉴를 선택했을 때, 해당 메뉴가 취해지는 액션을 말한다.(active tab)
→ 아무리해도 구현이 안되서 잠깐 머리를 식혔다가 다시 구글링을 했다. NavLink를 통한 activeClassName을 이용했더니 된다 ㅠㅠ..초반에 home 픽스되서 왜그런가 하면서 이것저것 코드 수정했더니 되었다아악 ㅠㅠㅠ 참조 / 공식문서도 내용이 있었다;; 참조
아 근데 stateful이 아니다..OTL
-
-
서버를 라우팅한 후, 동일한 주소의 클라이언트 라우팅에 맞춰 렌더링되어야 합니다
- 이 말은 클라이언트 주소처럼 '로컬/about' 하면 about 페이지가 뜨게 만들어줘야하는 것이다. 만약 설정해주지 않으면 cannot get /about 이라고 화면에 뜬다.
체크포인트를 보고 그대로 적용했으나 route로 별도 분기를 실행했을 때
ReferenceError: path is not defined란 오류가 떴다.구글링을 하니 path 를 route에도 써줬으니
const path = require("path");로 해줘야 해결되는 부분이었다. 참조 -
클라가 서버에 포함되어있으므로 CORS 리뷰/적용 쪽을 보고 분리되어있는 것을 확인하자.
기초 설계가 중요한 것을 느꼈다. 디자인을 바꾸려고 하니 기존에 만든 것을 고쳐야하는데 연결된 컴포넌트들을 어떻게 연결해야할지가 대략 난감상태... 초기 설계에서 Stateful한 컴포넌트를 기준으로 작성하지 않아서 꽤나 어려운 부분이 되어버렸다.
TIL(진행마감사항 + 하루 마감 후 작성)
