한땀한땀

최근에 서비스에서 리츠 관련 콘텐츠의 URL 구조를 바꾸는 작업을 했어요.생각보다 단순한 디렉토리 변경이 아니라 여러 가지를 고려해야 했고, 결국엔 Next.js의 Middleware 기능으로 해결했습니다.비슷한 상황 있는 분들께 도움이 될까 싶어 정리해봅니다. 배경/reits/kr/*/reits/*서비스 초기에 대충(?) reits라는 폴더 아래에 한국 리츠 관련 콘텐츠도 넣고, 해외 콘텐츠도 넣고… 그때그때 편하게 구성했죠.그런데 시간이 지나면서 reits라는 단어 자체가 너무 범용적이라는 걸 깨달았어요.“이게 과연 우리가 말하고 싶은 서비스의 정체성을 잘 담고 있을까?”라는 고민이 들기 시작했고,결국 기존 리츠 콘텐츠를 좀 더 명확하고 집중된 서비스로 개편하게 됐습니다.이름도 리츠포커스로 리브랜딩하..

컨벤션을 기록하게 된 이유프로젝트가 커지면서 유지보수가 어려워지는 문제를 경험하였습니다. 코드 스타일이 일관되지 않으면 협업 시 혼란이 발생하고, 코드의 가독성과 확장성이 떨어질 수 밖에 없습니다.이러한 문제를 해결하기 위해 명확한 컨벤션을 정하고 이를 문서화하기로 결정했습니다. 이를 통해 개인 및 협업 프로젝트에서 유지 보수를 더욱 원활하게 할 수 있으면 좋겠습니다. 1. React 코드 작성순서리액트 컴포넌트는 특정한 순서로 작성하는 것이 가독성을 높이고 유지보수를 쉽게 한다권장 코드 작성 순서import: 라이브러 -> 내부 모듈 순서컴포넌트 내부 변수 및 상태 선언useEffect 등 훅 사용핸들러 함수렌더링 로직꼭 위와 같은 순서를 따를 필요는없고 관심사별로 그룹화하는 것이 중요 import {..