SOFTMOA PROJECTS

The K-Festa 한국축제누리집

구축 배경과 구현 범위를 확인해보세요.

Contents

더,축제 누리집 데스크톱과 모바일 첫 화면

더,축제(THE K-FESTA)는 전국에서 열리는 축제와 공연을 한곳에 모은 한국 축제 누리집입니다. 잔치 고을 어귀, 대청 병풍, 등 가게, 흙담, 사랑방 족자, 관아 지도까지 섹션마다 풍속화 한 장면을 그려 넣어, 화첩을 한 장씩 넘기듯 축제를 고르게 했습니다. 한국어와 영어로 볼 수 있고, 기획·디자인·개발은 소프트모아가 맡았습니다.

thekfesta.com 바로 가기

프로젝트 개요

소프트모아가 만든 지역 누리집 더논산·더군산에 이어 세 번째로 연 누리집입니다. 앞의 두 곳이 한 도시를 다룬다면 더,축제는 전국을 다룹니다. 한국관광공사 관광정보(TourAPI)의 축제와 한국문화정보원 문화정보의 공연을 날마다 새벽에 다시 받아 맞추고, 끝난 축제는 내려갑니다. 방문자는 오늘 열리는 축제, 이번 주말 축제, 다가오는 축제를 테마와 달력, 지도로 찾고 기간과 장소, 요금, 연락처를 확인합니다.

더,축제 홈 첫 화면, 잔치 고을 어귀

주요 기능

잔치 고을 어귀 — 첫 화면과 축제 검색

두 장대 사이에 걸린 흰 현수막에 사이트 문구가 먹이 번지듯 쓰이고, 그 아래 매달린 쪽지가 축제 검색 칸입니다. 현수막 아래에는 지금 열리는 축제, 이번 주말, 이번 달 축제 수를 적고 각각 목록으로 이어 줍니다. 줄에 걸린 등은 은은히 빛나고 꽃잎이 바람에 날립니다.

이달의 축제 — 여섯 폭 병풍

이번 달 가 볼 만한 축제 여섯 곳을 대청 병풍에 한 폭씩 걸었습니다. 첫째 폭의 축제는 아래에서 사진과 소개, 기간·장소·요금·문의와 함께 자세히 보여 줍니다.

이달의 축제 병풍과 첫째 폭 축제 소개

이번 주 무대 — 장르별 공연

연극, 뮤지컬, 클래식, 국악, 대중음악, 무용으로 나눠 이번 주 전국 무대에 오르는 공연을 모읍니다. 대청 무대 그림의 막에는 고른 장르에서 가장 많이 찾는 공연을 걸고, 아래에 공연장과 기간, 관람료를 적은 카드를 늘어놓습니다.

이번 주 무대 장르별 공연

테마로 보는 축제 — 밤의 등 가게

등불과 불꽃, 꽃, 먹거리, 전통과 민속, 음악과 공연, 바다, 겨울과 눈. 축제를 일곱 갈래로 나눠 등 가게 처마에 등으로 걸었습니다. 등이나 이름표를 누르면 앞으로 30일 안에 열리는 그 테마의 축제가 펼쳐집니다.

테마로 보는 축제, 밤의 등 가게

오늘의 축제 — 흙담에 붙은 방

지금 이 시각 열리고 있는 축제를 흙담에 방을 붙이듯 보여 줍니다. 오늘이 마지막 날인 축제에는 ‘오늘까지’ 도장을 찍고, 함께 열리고 있는 축제를 아래에 이어 놓습니다.

오늘의 축제 담벼락

곧 열리는 축제

내일부터 한 달 안에 문을 여는 축제를 여는 날 순서로 모았습니다. 남은 날을 표시하고, 시도별 30일 안 축제 수로 바로 좁혀 볼 수 있습니다.

곧 열리는 축제

축제 달력 — 사랑방 족자

앞으로 여섯 달 동안 열리는 축제를 달마다 족자 한 폭에 적고, 그달 보름 날짜와 정월대보름도 함께 표시합니다.

홈의 축제 달력 족자

축제 지도 — 관아에 걸린 지도

이번 주에 열리는 축제를 관아 벽에 걸린 전국 지도에 번호로 찍고, 아래에 같은 번호로 목록을 둡니다.

홈의 축제 지도

축제 길잡이

처음 찾은 사람이 자주 묻는 것(자료의 출처와 갱신 주기, 지역별 보기, 일정 변경, 영어 화면)을 펼침 목록으로 정리했습니다. 맨 아래에는 깃발과 가마가 지나가는 행렬 그림을 둡니다.

축제 길잡이와 행렬 그림 바닥글

축제 찾기와 축제 상세

축제 이름이나 지역으로 찾고 시기(지금 열리는, 이번 주말, 이번 주, 30일 안, 곧 시작, 달별), 테마, 시도로 좁힙니다. 상세 쪽에는 기간, 장소와 주소, 요금, 주최·운영, 문의, 누리집과 축제 사진, 위치를 찍은 지도, 축제 소개, 자료 출처를 싣고 같은 지역의 다른 축제로 이어 줍니다.

축제 찾기 검색과 조건, 축제 목록

축제 상세 화면

축제 지도와 축제 달력

지도에서는 시기와 시도를 고르면 그 지역 축제만 지도와 목록에 모아 보여 주고, 번호를 누르면 축제로 이동합니다. 달력에서는 날짜마다 열리는 축제 수와 그날 시작하는 축제, 보름달을 표시하고, 날짜를 고르면 그날 열리는 축제를 옆에 모읍니다. 이달 새로 여는 축제 수와 가장 붐비는 날도 요약해 보여 줍니다.

축제 지도 쪽

축제 달력 쪽

영어 화면

오른쪽 위 EN을 누르면 같은 쪽의 영어 주소(/en)로 넘어가고 검색 조건도 그대로 이어집니다. 화면 문구는 한국어·영어 두 벌로 두고, 축제 이름·장소·요금·소개는 번역 기억에 쌓아 영어로 보여 줍니다. 아직 옮기지 못한 글은 한국어로 나옵니다.

더,축제 영어 홈 화면

기술 구성

구분사양
FrontendNext.js 16 · React 19 · TypeScript 6 · Tailwind CSS 4 · next-intl 4(ko·en)
BackendKotlin 2.4 · Spring Boot 4.1 · jOOQ · Flyway
DatabasePostgreSQL 18, 누리집마다 스키마를 나눔
여러 누리집 구성더논산·더군산과 같은 공개 API·관리 백엔드·관리자 화면을 쓰고, 도메인으로 누리집을 가려 사용자 화면만 따로 배포
자료 수집TourAPI 축제와 문화정보 공연을 날마다 새벽 전국 단위로 수집, 데이터셋별 하루 호출 한도는 호출 장부로 관리
다국어화면 문구는 ko·en 메시지, 축제 내용은 번역 기억
검색 노출요청마다 서버 렌더링, 언어별 canonical과 hreflang, 사이트맵, 구조화 데이터
운영Cloudflare 터널, 누리집별 독립 배포

구현 포인트

  • 섹션마다 풍속화 한 장면을 두고, 움직임은 그림 속 물건이 실제로 하는 동작을 따랐습니다. 현수막 글씨는 먹이 번지듯 나타나고, 검색 쪽지는 내려와 흔들리다 서고, 방은 담에 붙고, 도장은 찍히고, 처마의 등은 흔들립니다. 기기의 동작 줄이기 설정에서는 움직임을 끕니다.
  • 섹션마다 따로 불러오므로 한 섹션의 자료를 잠시 받지 못해도 나머지 섹션은 그대로 보입니다.
  • TourAPI는 한 실행의 호출 상한에 걸려도 처리한 항목을 표시해 두어 다음 실행이 이어서 받습니다.
  • 시도는 주소 앞머리와 법정동 시도 코드로 정하고, 2026년 7월 출범한 전남광주통합특별시는 옛 광주·전남 주소까지 하나로 모읍니다.
  • 날짜 판정(지금 열리는, 오늘까지, 내일 시작, D-day)은 한국 시간 기준입니다.

관련 화면

모든 쪽을 휴대폰 화면에 맞춰 다시 배치했습니다. 넓은 그림은 좁은 화면에서 옆으로 밀어 볼 수 있습니다.

더,축제 모바일 화면 일곱 쪽

더,축제 빛깔과 글꼴, 로고

  • 글꼴: 현수막·족자 글씨는 Song Myung, 섹션 제목과 도장은 Noto Serif KR, 본문은 Gowun Batang, 라틴 글자는 Instrument Serif
  • 빛깔: 한지와 먹을 바탕으로 연지 도장, 밤, 달빛, 등불, 현판
  • 풍속화 장면: 잔치 고을 어귀, 대청 병풍, 대청 무대, 등 가게, 흙담, 봄 강가 마을, 달밤 사랑방, 관아 지도, 행렬
Share this

포트폴리오