토이프로젝트를 시작하게 되었다. 우아한테크코스도 마무리가 된 이후에 SSR에 대해서 배워야지 라는 생각을 계속해서 하고 있었다.
그 이유는, "새로운 것에 대해서 궁금해서" 그런 단순한 계기였다.
저 SSR은 왜 뜨고 있는것인가에 대해서는 이론적인 이유는 알고 있지만, 내가 직접 체험을 해보지 않았으니 마음에 와닿지 않았다. 이게 정말 빠른건지도 모르겠고...
SSR이 어떻게 구현되고 있는 건지 현직에 계신 분들에게 많이 질문도 하고 다녔지만 주변에 귀동냥으로 듣는 것으로는 왠지 성에 차지 않았다.
"더... 더 자세히 알고싶어! SSR 궁금해!! "
그런 계기로 토이프로젝트를 시작하게 되었다😅
하리와 세지가 토이프로젝트를 같이 하게 되었다(소중한 우리 동료들😘)
그리고 우리는 프론트개발자로써 모두 모였지만 풀스택
에 도전해보기로 하였다.
이렇게 결심하게 된 이유는 과거의 경험이 크다.
우아한테크코스에서 팀 프로젝트를 진행하면서, 백엔드와의 소통 시에 막히는 부분들이 몇 군데 존재하였다.
예를 들어 기능을 어떻게 할지 합의를 하거나 api 설계에 백엔드와 같이 논의하게 되면 프론트엔드는 어느 순간 백엔드의 토론을 구경하고 있을 때가 있었다. 데이터베이스 테이블을 이렇게 만들고 어떻게 해야 api 기능에 맞게 효율적으로 데이터를 찾아올것이냐 이 api가 가능하냐 라는 이야기를 할 때에 가만히 들으면서 기다리는 경우들이 있었다.
하지만 이럴 때 대화에 끼고 우리 서비스에 더 발전적인 방향으로 의견을 내고 싶었다.
해당 api가 정말 가능한지, 이렇게 응답값을 받을 수 있는지 미리미리 판단해 의견을 백엔드에게 내고 싶었다.
추가로, 본격적으로 현직에 나가기 전 서버까지 찍먹을 해본다면 백엔드와의 소통할 때에 더 유연해지지 않을까 라는 생각도 있었다.
아이디어는 설날에 맞춰서 출시하기 위한 아이디어로 선정하였다.
현재 거의 (준)방학이기 때문에 개발일정이 늘어지기 쉬워서 아이디어를 설 전에 출시하지 않으면 무의미해져버리는 것으로 잡아 긴장감있게 하기 위해서였다.
아이디어 구체화 피그마로 화면 그리기, API 설계까지 하루만에 끝을 냈다😱
이제 도가 텄구나? 우리 팀원들.... (우테코에서 제대로 훈련됐다)
아이디어는
새해맞이 계획 공유서비스 라고 말하면 될 것 같다.
자세한 내용은 미리 말하면, 서프라이즈가 안 되니깐 추후에 공개할 예정이다 후후 😎
다들 초기설정 이제는 쉬울지 알았다...
하지만 언제나 사람은 망각의 동물이랬던가? 그것도 아니면 그냥 처음 써보는 기술이 많았던 탓일까?
쉽게 끝날줄 알았던 초기 환경 설정은 생각 외로 늘어졌다.
일단, 패키지 매니저 도구를 처음에 pnpm으로 설정하여 시작하였다.
하지만 문제가 생겼다. Next설치까지는 어찌저찌 됐는데 Storybook이 말썽이였다.
Next와 Storybook의 조합도 좋지 않았나 보다. yarn과 같은 도구를 사용하면 쉽게 깔렸었던 Storybook이 pnpm으로 깔자 설치가 되지 않았다. 그래서 yarn-berry로 교체하여 깔았다.
힘겹게 설치하고나니, Next에서 모듈들을 찾아내지 못하고 있었다ㅠㅠ 정확히는 타입에러를 발생시키고 있었다.
우리 팀은 하나의 가설을 세우게 된다. tsconfig설정을 잘못했거나, yarn-berry의 잘못이거나
tsconfig를 열심히 뜯어 고쳤지만 나아질 기미가 보이지 않았다.
결국 2시간 만에 yarn-berry에서 npm으로 넘어가게 되었다.
이젠 잘 되더라....
처음 부터 npm나 yarn으로 했으면 문제가 없었을 것을..! 약간은 허탈했다.
시간적 여유가 있었다면 yarn-berry나 pnpm에 좀 더 도전해서 해결했겠지만, 현재는 새로운 프레임워크 때문에 배울 것도 시간적 여유도 없었기에 npm으로 합의를 보게 되었다.
샐리 그만 잘해~~~