어제 백엔드 배포가 잘 되어서 그거 가지고 프론트 개발을 더 진행해보려고 했는데 잘 된게 아니었다...! 그래서 오후에는 작업을 거의 하지 못 하고 저녁 ~ 밤쯤에 조금 작업 했다.
오늘 해본 거는 크게 2가지이다.
1. styled-components 분리
styled-components를 써서 작업한 파일을 ~~.style.js 파일로 분리 했다. 그 이유는 코딩할 때 너무 불편했기 때문이다. 그리고 다른 사람의 코드를 봤는데 이렇게 나누어서 코딩을 한 사람도 봤다. 물론 그 분의 디렉토리 구조는 훨씬 깔끔한거 같았지만... 보면서 디렉토리 구조도 어떻게 짜야할지 다시 한번 고민해봐야겠다고 생각했다.
일단 한 페이지에 코드가 너무 길어져서 보기가 안 좋았고 css를 고칠 때 저 밑으로 갔다가 위로 갔다가 왔다갔다 너무 알아보기가 불편해서 css부분을 나누어서 더 편하게 코딩할 수 있게 하였다.
이러면 굳이 css in js를 쓰는 이유가 있나 싶지만, props를 넘겨 받아서 작업 할 수 있고, 좀더 명확한 구조로 나눌 수 있다? 컴포넌트처럼 이름을 바꿀 수 있으니깐... 그리고 SSR을 적용할 수 있다는 점 정도 있을거 같다!!
2. getInitialProps로 안 되던 것 useEffect에서 하는 걸로 바꾸기
getInitialProps에서 정보를 불러와서 props로 넘겨주거나 useSelector 사용해서 data를 가져오려고 했는데 새로고침을 하면 getInitialProps가 실행이 안 되는 것이다!! 이렇게 저렇게 고쳐보려고 했는데 잘 되지 않아서 일단 useEffect 부분으로 옮겼다...
좀 더 찾아서 getInitialProps에서 할 수 있게 하거나 그냥 useEffect에 둬야겠다.
어느정도 이제 알겠다 감 좀 잡았다 싶었는데 안 되서 좀 짜증났다. 그래도 프로젝트 열심히하며 알아가는게 많은거 같아서 좋다. 내일은 좀 더 열심히 해야겠다.
