개인 포트폴리오 사이트 및 전용 어드민

역할
프론트엔드·백엔드 개발
프로젝트 기간
2023.06 - 현재
기술 스택
Ant DesignFlywayMDXMySQLNextReactScssSpringTypeScript
프로젝트 설명
프로필·포트폴리오·블로그·방명록을 갖춘 공개 사이트와, 내용을 직접 관리하는 어드민·API를 만들었습니다. AI 도구와 협업해 개발하고, 구조 설계와 검증은 직접 수행했습니다.
주요 업무
  • AI 도구와 협업해 개발하고, 구조 설계와 검증은 직접 수행
  • 경력·프로젝트·블로그를 관리하는 어드민과 JWT 쿠키 인증 구현

공개 사이트

  • Next.js App Router로 프로필·포트폴리오·블로그·방명록 페이지를 구성했습니다.
  • 블로그 글은 MDX로 작성하고, 목차·태그·댓글 기능을 구현했습니다.
  • 블로그만 검색에 노출하고 프로필은 미리보기를 숨기며, 포트폴리오 상세와 방명록은 색인에서 제외하도록 검색 노출 정책을 설계했습니다.
  • robots.txt와 sitemap을 구성해 색인 대상 페이지만 검색엔진에 알리도록 했습니다.

어드민

  • Ant Design 기반으로 경력·프로젝트·블로그·댓글을 관리하는 어드민을 만들었습니다.
  • 비밀번호 로그인 후 JWT를 쿠키로 발급하는 방식으로 관리자 인증을 구현했습니다.
  • 공개 사이트와 어드민을 브랜치로 나눠 각각 따로 배포할 수 있는 구조로 구성했습니다.

API

  • Spring Boot와 MySQL로 경력·프로젝트·블로그·댓글 API를 Controller·Service·DTO 구조로 구현했습니다.
  • Flyway로 DB 스키마 변경을 버전별 마이그레이션으로 관리했습니다.
  • 삭제는 실제로 지우지 않고 숨김 처리해 데이터를 보존하도록 했습니다.