책을 찾아보며 코드를 작성하다 보니 SSR을 진행할 수 있을것 같다는 무한한 자신감이 들었고 코드를 작성하기 시작했다.
물론 ChatGPT 를 많이 이용하고, 검색도 많이 하기는 했지만 데이터도 잘 불러왔고, 화면에 잘 그려져서 와우!! 나도 할 수 있잖아!!
라는 엉뚱한 자신감이 상승하기 시작했다.
문제는,
메인페이지인 index.tsx에는 딱 창고관련 컴포넌트가 그려져야하는데 서버사이드는 index.tsx에서만 일어나게된다.
따라서 다른 컴포넌트에도 props로 받은것을 넘겨주려면 index.tsx에 같이 import하여 조건에 따라 랜더링 해야겠네!
라고 생각하고 작업을 진행하는데, 이상하게 화면이 그려지지 않았다.
어디가 잘못되었지? 하고 props에 대해 console.log를 여러번 찍어보았는데, 어?? undefined잖아???
그 부모에게서도, 또 그 부모 에게서도...
props가 아예 안받아와졌다.
혹시나 조건이 잘못되었나 싶어 chatGPT에도 여러번 물어보고ㅡ, 질문도 바꿔보고했는데, 자기도 이상하다면서 자꾸 내가 보낸 코드만 다시 보여주기만하고...
혹시나 동적인 페이지라 안받아와지나>? 뭐가 문제지? 하는데, 동적인 페이지라고 안받아와 지는 것은 아니라고 하고, 일반 props는 잘 넘어가나>? 싶었는데 그것도 안넘어가는것을 보니 동적인 페이지의 props작동방식이 뭔가가 추가되지 않을까? 내가 뭔가 빠뜨리고 있는것 같은데 감이 잡히지 않는다.
결국, SSR은 포기하고 변수에 담아 진행하였다.
합격할지여부도 모르겠다...
이틀잡고 씨름을 했는데.....
대체 어떤 원리였던 것일까. 무엇이 잘못되었던것일까.
진짜 너무 궁금하다......
