[TOP1] 7팀 - OZ의 마법사

현재 나는 디자이너 한 분, 백엔드 한 분, 프론트엔드 한 분과 함께 숏폼 영상 컨텐츠를 올리고 영상을 자랑하는 SNS 프로젝트를 진행 중에 있다. 이 프로젝트는 넘블 챌린지 를 참가하게 되면서 진행하게 된 프로젝트이다. 프로젝트 후기는 따로 올릴 예정이지만, 프로젝트를 하면서 중간 중간에 만났던 에러들을 나중에 기록할 때 까먹을까봐 블로그를 열었다ㅜㅜ 가장 먼저 아무 설정도 해주지 않고 Next.js에서 styled-components를 사용하면 다음과 같은 에러를 만날 수 있다.

임베드/개인 영상, 업로드/업데이트 로 구분된 총 4가지의 폼을 하나의 컴포넌트로 재사용성 있게 구현 사실 이 4가지 폼을 한번에 컴포넌트화하지는 못하고 한번의 시행착오를 겪고 난 뒤 컴포넌트화할 수 있었다. 4가지 폼은 폼 데이터를 기반으로 요청을 보낸다는 부분은 모두 같았지만 각 폼 마다 사용되는 폼 데이터도 달랐고, 요청 역시 POST or UPDATE 였기 때문에 이들을 모두 한번에 공통화 시키기는 어렵다고 생각했다.