[Next.js] 디자인 패턴을 적용해보고 싶습니다.

디자인 패턴이나 아키텍처는 본질적으로 생각하면 프로그래밍을 하다가 마주하게되는 여러가지 어려움 , 문제점을 해결하기 위한 고민의 산물이라고 정의할 수 있습니다. 그렇기 때문에 내가 개발을 하다가 어떤 문제에 직면해보지 않은 상태에서 "이런 이런 디자인 패턴을 써보고 싶다"라는 마음가짐으로 디자인 패턴을 사용하려고 들면 왜 이러한 패턴이 좋은 것인지, 어떻게 써야 잘 사용할 수 있을지와 같은 것들이 전혀 와 닿지 않게됩니다. 저는 "망치를 들면 모든게 못으로 보인다" 라는 말을 참 좋아하는데요 제가 처음 디자인 패턴을 접했을 때 지금 나의 모든 코드의 문제를 지금 배운 디자인 패턴으로 해결할 수 있을 것 같은 느낌을 받곤 했기 때문입니다. 굳이 억지로 디자인 패턴을 적용해보지 않더라도 열심히 개발을 하다보면 자연스럽게 여러가지 어려움을 겪게 되고 힘든 상황이 오실 겁니다. 그 때 학습해보시는 게 저는 더 좋다고 생각해요 박아야할 못이 없는 상황에서 망치를 쓰려고하면 망치를 잘 쓸수가 없기 때문입니다.

먼저 다음 링크의 디자인 패턴과 렌더링 패턴을 보시면 도움이 됩니다. https://patterns-dev-kr.github.io/ 질문에 답하기 앞서서 지금은 큰 구조나 디자인등 패턴에 매몰되지 마시고 코드를 남이 보기 편하고 사용하기 편하며 잘 분리해서 재사용이 가능한 개발에 먼저 신경을 써보시는 걸 추천드립니다. 패턴이나 설계의 경우 결국 아는만큼 보이는 경우가 많은지라 저도 처음에 접한 건 공부를 시작할 당시였지만 그때 봤던 거와 부트캠프에 들어가기전, 졸업후 , 취업후 , 6달후 등 볼때마다 다르게 와 닿는 경우가 많습니다. 많은 항목들이 있지만 프론트엔드를 지향하신다면 몇가지 추천드리고 싶은 패턴이 있습니다. 위 링크의 디자인 패턴에서 Render Props 패턴 Hooks 패턴 HOC 패턴 Prototype 패턴 (JS 이해적인 측면에서) 랜더링 패턴 부분에서는 처음부터 ~ ISR (Incremental Static Generation) 까지 그리고 추가적으로 흥미가 있으시다면 React Server Components 부분과 하단 Performance Patterns (이부분은 아직 어려운 내용이 많기에 가볍게 훝어보는 정도) 로 추천드립니다.