TIL 작성 방식을 좀 바꿔보기로 했다. 배운 내용에 대해 자세히 설명하는 건 따로 포스트를 만드는 게 낫겠다는 생각을 했다. 앞으로는 오늘 배운 내용에 대해서는 간략하게 적고 내가 오늘 코드를 짜면서 느꼈던 어려움이나 느낀점들도 같이 적어보려고 한다.
👩🏻💻 Learned
오늘은 폴더 구조를 체계화 하는 방법에 대해 배웠다.
그리고 파일 역시도 나눠주었다. container 와 presenter 로 나눠주게 되는데 container는 기존 파일의 JS(기능) 부분을, presenter는 JSX(UI) 부분을 저장하는 방식이다.
이때 import 해오는 container는 부모 컴포넌트, import 되어지는 presenter는 자식컴포넌트라고 부른다. 리액트에서 데이터의 흐름은 부모에서 자식으로 변수와 함수를 물려준다. 이걸 props 라고 부른다.
(자식에서 부모로는 흐를 수 없어서 단방향 흐름이라고도 부른다.)
📝 Review
라우팅 부분을 제대로 하지 못해서 큰일이다. 이번엔 그래도 API를 받아오는 것까지는 잘 했는데 404 페이지를 마주쳐서 멘붕이 왔다. 더이상 수정할 것도 보이지 않았는데...
근데 알고 보니까 동적 라우팅 할 때 변수를 받아오기 위한 []폴더를 만들어두지 않았던 거였다... 그러면서 404 에러가 뜬다고 머리만 박박 긁었다. 같이 해준 페프분들이 아니었으면 난... 아직도 그거 해결하고 있었을 지도 모른다.
아 그리고 라우팅 연결하는 페이지 두 개 만들 때 받아온 데이터를 보여줄 페이지를 연결해서 보려고 하지 말고 바로 localhost에서 접속해서 무슨 에러가 뜨는지 살펴보도록 하자. 이것만 먼저 했어도 시간이 반으로 줄어들 것 같으니까...
🔥 Will
코세글자 양성이 뜬 이후로 증상과 약 복용으로 컨디션이 별로였는데 오늘은 그나마 살만했다. 내일은 알고리즘 풀이에 좀 더 집중해야겠다. 주문한 모니터도 올 것 같으니 잘 활용해서 집에서 듣더라도 효율적이게 수업을 들을 수 있었으면 좋겠다.
