🔐
Authentication Demo Project
이 포트폴리오는 NextAuth v5 기반 인증 흐름을 보여주기 위한 데모 프로젝트입니다.
- 로그인 없이도 포트폴리오 확인 가능 (Demo User)
- 로그인 시 세션 상태 및 보호된 UX 체험
- Middleware 기반 접근 제어 구현
※ 실제 서비스용 로그인은 아닙니다
데모 유저
로그인 없이 데모로 포트폴리오 확인 중입니다.
김봉준
프론트엔드 개발자 · 실무 흐름을 구현하는 UI 개발
Next.js · TypeScript · UI/UX · 인증 시스템
기술 스택
Next.jsReactTypeScriptTailwind CSSStyled-ComponentsNode.jsNextAuthGraphQLRecoilZod
경력
애니드림오토서비스 / 모빌리버스
프론트엔드 개발자 (2022.01 ~ 2024.11)
- 차량관리 ERP 가마(GAMA) 서비스 화면 및 기능 개발 참여
- GAMA ERP 연동 어드민 시스템에서 로그인/세션 기반 접근 제어 구현
- 추심관리 등 운영 핵심 메뉴의 등록/조회/처리 UI 개발
- 메뉴 단위 기능 개발 및 유지보수 (고객센터, 투자정보 등)
프로젝트 및 담당 업무
애니드림오토서비스 / 모빌리버스
2022.01 ~ 2024.11
차량관리 ERP 가마(GAMA), 연동 어드민 페이지 개발
기술 스택: Next.js, NextAuth, Typescript, GraphQL, Recoil, Tailwind CSS, ZOD
주요 역할
- 차량관리 ERP 가마(GAMA) 서비스 기능/화면 개발 참여
- 메뉴 단위 기능 개발 및 유지보수 (고객센터 등 운영 메뉴)
- GAMA ERP와 연동되는 어드민 시스템 UI 개발
- 어드민 페이지 NextAuth 기반 인증 흐름 구현 (로그인/세션 처리, 보호 페이지 접근 제어)
- 추심관리(채권/상환 관련) 메뉴 UI 및 데이터 등록, 조회/처리 화면 구현
- 폼 입력/검증 및 공통 UI 컴포넌트 기반으로 화면 구성
결과
- ERP(GAMA) 연동 환경에서 인증/세션 기반 사용자 흐름을 구현
- 운영에 필요한 핵심 메뉴(고객센터, 추심관리 등)를 기능 단위로 적용 및 테스트
- 데이터 관리 화면(목록/상세/검색 등) 중심의 어드민 UX를 안정적으로 제공하며 운영 요구사항 반영
애니드림오토서비스
2023.05.23 ~ 2023.06.09
모빌리버스 홈페이지 리뉴얼
기술 스택: Next.js, Typescript, Tailwind CSS
주요 역할
- 투자정보 메뉴 리뉴얼
- 페이지/컴포넌트 유지보수 및 배포
결과
- 서비스 반영 및 운영 배포 경험
- 홈페이지: mobiliverse.co.kr
프로젝트
포트폴리오 웹사이트
Next.js + Tailwind + NextAuth v5 기반 반응형 개인 포트폴리오