상세 내용

1. 기능 구현

• Next.js 15, TailwindCSS를 활용한 프로젝트 기반 구축
• 카카오 맵 API를 이용해 키오스크 위치 찾기 기능 구현
• 실시간 환율 계산기 기능 구현
• 5개 언어(한국어·영어·일본어·중국어 간체·번체) 지원 구현
• 라이트/다크 모드 테마 전환 기능 구현
• 모바일, 태블릿, 데스크탑 반응형 레이아웃 적용
• 빌드 시 지원 언어에 모두 대응하는 사이트맵 생성 스크립트를 작성해 색인 자동화
• 시맨틱 태그 및 다국어 메타 데이터 적용

2. 성능 최적화

• 서버 사이드 렌더링을 활용해 초기 로드 속도 향상
• 서버 사이드에서 Fetch API를 호출해 생성한 캐시를 SWR을 통해 클라이언트에 공급하여 서버-클라이언트 간 데이터 일관성 확보

3. 코드 품질 개선

• TailwindCSS 헬퍼 라이브러리를 결합해 클래스 정렬 및 중첩 클래스 처리 자동화