😆 My name is Ez : 쉽다 쉬워 개발life

다시 시작하는 프로젝트에서는 Next.js 13 버전에서 사용하는 App Router 방식을 사용한다고 한다... (권고사항이라고 해서 사용한다고 함) 사실 많은 자료나 참고할만한 레퍼런스가 부족해서 아직까지 걱정이 되긴 한다. 기존의 Page Router 방식이 더 익숙해서 그런 걸까?.. 13 버전에서는 일단 Page 폴더 안에서 원하는 ____. tsx를 만들어서 라우팅 했다면 App Router는 폴더를 만들고 그 안에 page.tsx를 만들어야지 경로가 생긴다고 한다. 사실 라우팅정도야 금방 익숙해지니깐.... 그리고 개별 폴더마다 아래 이미지처럼 File Convention이 존재했다. (공식문서 참고!!) https://nextjs.org/docs/app/api-reference/file-c..

프로젝트를 시작하면서 기존에 React를 왜 사용했는지를 모를 만큼 작성된 코드에는 React의 장점? 강점? 을 전혀 찾아볼 수가 없었다... 😭 😭 😭 😭 한 페이지에 길면 10000라인이 넘는 코드들이 있고, 누군가 수정을 하려고 그 페이지 코드를 보면 닫고 싶은 마음이니깐... (재사용 가능한 부분이 전혀 없음... 단순한 컴포넌트 몇 개를 제외하면...) 지난주 새로 오신 시니어 프런트분이 코드를 보고 분석하고, 새로운 프로젝트를 시작함에 앞으서 우리가 새롭게 적용해야 할 방향성을 제시해 주셨다. ( 물론 선택된 방향의 결과만 듣게 되었지만... 선택한 이유를 물어볼 예정 🥲) 그중에서 오늘은 우리가 사용하는 NextJs에서 사용할 디자인 패턴 Atomic Design에 대해서 간단하게 적어보고..