SPC삼립 기업 웹·CMS — Spring Boot·Next.js 기반 브랜드·공시·콘텐츠 관리

프로젝트 개요

SPC삼립 기업 공개 웹사이트와 콘텐츠 관리 시스템(CMS)입니다. 브랜드·제품, 투자정보(주가·재무·배당·공시), ESG와 보도자료·스토리 등 게시 콘텐츠를 담당 부서가 관리자 화면에서 직접 관리합니다.

Next.js 프론트엔드가 공개 웹과 관리자 화면을 함께 제공하고, Spring Boot API 서버가 공개 조회 API와 관리자 API를 분리해 처리합니다. 주가와 공시는 외부 공공 API에서 주기적으로 가져옵니다.

시스템 구성

공개 웹

• Next.js 페이지 라우터 기반 회사소개·지속가능경영·브랜드·삼립 NOW 화면
• GSAP·Lenis·Swiper·Framer Motion을 이용한 슬라이드와 스크롤 인터랙션
• /api·/uploads 요청을 백엔드로 넘기는 rewrites 구성

API 서버

• 공개 조회 Controller(pub)와 관리자 처리 Controller(admin) 분리
• 업무별 Service와 MyBatis Mapper, MariaDB 저장
• Spring Security 세션 인증과 관리자 API 접근 제어

외부 데이터 연동

• 공공데이터포털 주식시세 API를 스케줄러로 주기 수집해 주가정보 제공
• DART OpenAPI 공시 목록 조회와 서버 측 결과 캐시
• Airtable 미디어 게시물 1시간 주기 동기화

기술 구성

관리자 CMS

• 홈 배너·보도자료·스토리·미디어·FAQ·공지사항 등 콘텐츠 유형별 관리 화면
• 배당정보·ESG 등급·환경 정량 데이터 등 투자·ESG 수치 자료 관리
• Tiptap 3 편집기(표·이미지·링크·유튜브·정렬)로 본문 작성
• 예약 게시 배너를 1분 주기 스케줄러가 게시 상태로 전환

구현 포인트

• 공개 조회 Controller와 관리자 처리 Controller를 분리하고 업무별 Service·MyBatis Mapper로 연결
• 관리자 API 요청마다 보안 감사 필터가 사용자·요청 정보를 기록하고 로그인 성공·실패 이벤트를 남김
• 외부 API 수집은 스케줄러로 분리하고 실패해도 기존 데이터로 화면을 유지하도록 처리
• DART 공시 조회는 결과를 서버에서 캐시해 외부 API 호출과 응답 지연 축소
• 브랜드·제품·미디어 등 콘텐츠 유형별 데이터 모델과 조회 API를 나눠 화면 추가 시 기존 콘텐츠 영향 최소화
• 문구·이미지 변경은 관리자 화면에서 처리해 배포 없이 콘텐츠 갱신