Park Labs 웹사이트 개선 작업

2025년 8월 27일은 i18n 라우팅이 생각보다 까다롭다는 걸 알게 된 하루였다. 쌓여있던 버그를 치우다 보니 결국 대부분 라우팅 문제였다.

01UI 수정

Progress Bar에서 "$1B 유니콘" 텍스트가 줄바꿈되는 문제가 있었다. whitespace-nowrap 하나로 해결. 이런 사소한 게 은근 거슬린다. Language Selector는 텍스트 정렬이 어긋나 있어서 text-center를 추가했다.

02라우팅 버그

Experiment Card를 클릭하면 404가 뜨고 있었다. 사이트를 다국어 구조로 바꾸면서 링크에 locale 정보가 빠져 있었던 게 원인이다. 카드 링크가 /experiments/001로 걸려 있었는데, 이제는 /ko/experiments/001처럼 언어가 앞에 붙어야 한다. 모든 링크에 locale을 넣어주니 해결됐다. Footer 메뉴도 같은 문제가 있어서 같이 고쳤다.

03문구와 코드 정리

"투명한 여정을 공유합니다"를 "실패와 성공과정을 공유합니다"로 바꿨다. 좀 더 솔직한 느낌. Footer 태그라인은 "1인 유니콘 실험실"로 통일했다.

불필요한 React import를 지우고 named import로 통일했다. 안 쓰는 CSS 클래스도 발견했는데, 이건 나중에 정리해야겠다.

다국어 사이트를 만들면 모든 내부 링크에 locale을 신경 써야 한다. 당연한 건데 직접 해보기 전에는 감이 안 왔다.