DAMONS YEAR

문제 Problem아티스트의 기록은 음반, 공연, 방송 출연, 수상, 굿즈, 인스타그램처럼 종류가 많고 계속 늘어납니다. 한 번 만들고 끝나는 소개 페이지로는 쌓이는 기록을 감당할 수 없었습니다.

해결 Solution발매작·수록곡·공연·방송·수상·영상·굿즈·인스타그램·가사를 각각의 데이터로 나누고, 연도별 색인과 다음 공연 안내, 라이브 영상, 굿즈 슬라이드, 인스타그램 카드가 같은 데이터를 읽어 그리도록 했습니다. 인스타그램과 유튜브의 새 소식은 수집기가 발행 대기에 넣습니다.

결과 Result관리자에서 한 줄을 추가하면 사이트의 여러 구역에 동시에 반영되는 구조가 되었습니다.

과제 Task사이트 이름 CORPUS처럼 작품 전체가 한 덩어리로 느껴지는 첫인상

아이디어 Insight흩어져 있던 제목 글자가 모이는 입장 화면을 지나면 화면을 꽉 채운 영상 위에 큰 대문자 제목이 놓이고, 본문이 그 위로 올라옵니다. 가운데 나선 문양 둘레에는 곡 제목이 크레딧처럼 돌고, 가사 두 줄이 서로 반대 방향으로 흐르며, 빛의 나비가 스크롤에 반응해 화면 위를 떠다닙니다. 배경음악은 켜고 끌 수 있습니다.

결과 Result정보를 찾는 아카이브이면서 아티스트의 분위기에 잠기는 공간이 되었습니다.

내용 Description팬사이트 방문의 대부분이 모바일이라 첫 화면을 지나면 하단 메뉴가 떠 구역 사이를 오가고, 영상·굿즈·인스타그램은 화면 폭에 맞는 개수만 먼저 보이고 더보기로 이어집니다. 아이폰에서 첫 화면 영상이 재생되지 않던 문제는 인코딩을 바꿔 해결했습니다.

해결 Solutiondev·stage·production 세 환경을 같은 저장소의 브랜치로 나누고 GitHub Actions로 자동 배포합니다. 관리자 페이지에서 음반·공연·방송·굿즈·가사를 관리하고, 구글 태그 매니저는 운영 환경에서만 붙습니다.