플러스프로젝트 배경
1) 문제점 - 콘텐츠 제작 자동화 작업을 매번 별도 개발자 도구를 거쳐 수동 실행·확인해야 해 번거로움 - 월 무료 사용량 초과 위험을 직관적으로 파악하기 어려움 - 브랜드 소개 공간과 운영 도구가 분리되어 관리 동선이 흩어짐 2) 목표 - 브랜드 노출용 공개 사이트와 운영자용 관제 화면을 하나의 웹앱으로 통합 - 곡 검색부터 제작 실행·모니터링까지 한 화면에서 끝내는 운영 흐름 구축 3
프로젝트 성과
공개 사이트 + 운영 관제 통합 구축
브랜드 랜딩과 운영자용 관제 대시보드를 단일 Next.js 16 앱으로 통합 구축 후 실배포
콘텐츠 제작 원격 관제
웹에서 곡을 검색해 영상 콘텐츠 제작 작업을 1클릭 원격 실행하고 진행 상황·사용량을 한 화면에서 모니터링
인증·보안 운영 구조 확립
로그인 토큰 기반 인증과 미들웨어로 운영 기능을 보호하고, 외부 서비스 키를 클라이언트에 노출하지 않는 서버 중계 구조 확립
핵심 기능
브랜드 랜딩 페이지
히어로·성찰 그리드·기능 소개·후기·뉴스레터를 갖춘 반응형 랜딩(다크/라이트 테마)
진행 단계
기획·디자인
2026.02.
브랜드 세계관 정의, 랜딩 구조·디자인 시스템(Tailwind·Radix) 구성
프로젝트 상세
1) 포트폴리오 소개 'Lyrication(가사 사이)'은 K-pop 가사를 명상·성찰의 언어로 다시 읽는 감성 브랜드 웹사이트입니다. 방문자에게는 브랜드 세계관과 성찰 콘텐츠를 보여주는 반응형 랜딩페이지이고, 운영자에게는 로그인 후 들어가는 콘텐츠 제작 원격 관제 대시보드입니다. 두 화면을 하나의 웹앱으로 통합했습니다. 2) 작업 범위 - 브랜드 랜딩(히어로·성찰 그리드·기능 소개·후기·뉴스레터)
