네? 값이 바뀔 수 있다구요? 디자이너님과 함께 메인 페이지 작업을 시작했다. 결론부터 말하자면 디자인은 총 5번이 바뀌었다. 어흑... 첫 디자인 변경당시, 하드코딩 된 값들을 제거하는 작업을 하며, 디자이너님과 소통하는 과정에서 아래의 사실을 깨닫게 되었다. >1. CSS에 대한 값은 정해져있다. 요구사항(figma)과 일치하는 CSS 값으로 코드를 작성할 것. 다만, 그 요구사항은 상황에 따라 변할 수 있다. 요컨대, 정확한 수치가 주어져있지만, 그 수치가 언제든 바뀔 수 있다는 뜻이다. 모순과 같은 이 상황을 어떻게 해결할 것인가? 소프트 코딩 가장 먼저 생각난 해결책은 소프트 코딩이다. 자주 변할 수 있는 부분(넓이, 높이, 색상 등)을 Constant 파일에 선언해두고 import해 전역적으로 관리하는 방법이다. constant/navigation.ts shared/contentWrapper.tsx > 단순히 p