FULL-STACK WEB PORTFOLIO
관리자·업무 웹서비스 구축 포트폴리오
프로젝트 상담 전에 대시보드, 데이터 관리, 문의 접수, 회원 권한 설정 등 실제 운영에 필요한 흐름을 직접 확인할 수 있습니다.
LSH·풀스택 웹 개발자
- 처음 방문해도 1분 안에 핵심 업무 화면을 체험할 수 있도록 구성
- 대시보드, 데이터 관리, 신청·문의 접수, 회원 권한 관리까지 연결
- 화면 구현부터 API·DB 연동, 배포 준비까지 한 흐름으로 제공
프로젝트 개요
프로젝트 구성
Next.js Web, FastAPI API, PostgreSQL을 연결한 풀스택 업무 웹 템플릿
인증·계정
회원가입, 로그인, 세션 갱신, 비밀번호 찾기 샘플 안내, 로그인 사용자 비밀번호 변경
업무·설정
대시보드, 업무 등록·조회·수정·삭제, 프로필·알림 설정, 공개 체험 화면
품질·운영
Vitest·pytest·rule-gate 검증과 systemd 기반 Web/API 분리 운영
실시간 샘플 현황
등록된 샘플 업무
12건
관리 대상 사용자
3명
접수된 샘플 문의
1건
최근 샘플 업무
2026.08.10
서비스 공개 준비
상태: 대기
2026.08.09
최종 검수 일정 확정
상태: 완료
2026.08.08
기능 검수 결과 확인
상태: 준비
개발자 소개
요구사항 정리부터 구현, 운영 반영까지 이어지는 실무형 프로젝트를 중심으로 경력을 쌓아왔습니다.
8년 이상 실무 경력현재 앨엔소프트 개발팀 차장웹·앱 구축 및 운영 경험근무지역 서울
- 관리자 화면, 업무 시스템, 채용/평판조회 플랫폼 구축 경험
- 초기 구축부터 유지보수/고도화까지 이어지는 프로젝트 수행
- 변경이 잦은 요구사항에서도 구조를 단순하게 유지하는 방식 선호
대표 프로젝트
EY한영 Korea Portal Mobile Project
2024.07 ~ 2024.12
기존 Korea Portal의 모바일 WebApp 버전 구축
React · Tailwind CSS · Nginx
Refercheck 평판조회사이트 구축
2024.10 ~ 진행 중
평판조회 요청/응답 관리 중심의 서비스 구축
Spring Boot · React · Tailwind CSS · AuroraDB · Nginx
대양그룹 DSCM 수주입력 자동화 시스템
2023.12 ~ 2024.03
모바일 발주 및 진행현황 제공 SCM 플랫폼 구축
전자정부 Framework · Spring Boot · React · MySQL
대양그룹/태림 TMS 구축
2020.10 ~ 2023.02
운송관리시스템 웹/앱 구축 및 리포트 화면 개발
Nexacro · Java · Oracle · Android Studio · UbiReport
경력 요약
앨엔소프트 · 2024.04 ~ 재직 중
개발팀 차장 · 웹 및 앱 개발
- AnyApply 채용 사이트 구축 (2024.04 ~ 진행 중)
- EY한영 Korea Portal Mobile Project (2024.07 ~ 2024.12)
- Refercheck 평판 조회 사이트 구축 (2024.10 ~ 진행 중)
조앤소프트 · 2021.10 ~ 2024.03
임시직/프리랜서 · 웹 및 앱 개발
- 대양그룹/태림 TMS 구축 (Nexacro, Java, Oracle)
- KT DS BizMate App 유지보수 (Android Studio, Swift)
- LG U+ 정보현행화 및 대양그룹 DSCM 자동화 시스템 구축
알앤비소프트 · 네오지앤피 · 2020.10 ~ 2021.09
임시직/프리랜서 · 운송관리시스템(TMS) 구축
- Nexacro 기반 운송관리 웹페이지 개발
- 출력용 리포트 페이지 개발(UbiReport)
와이비에스 · 2018.02 ~ 2020.07
기업부설연구소 매니저 · 교통/모빌리티 데이터 기반 SW 개발
- 교통카드 데이터 가공 및 분석 시스템 개발
- 운전자/차량 데이터 동기화 및 모니터링 SW 개발
- 교통예보 시스템 고도화 및 데이터 품질 개선
슈어소프트테크 · 2016.12 ~ 2017.07
SE사업본부 연구원 · 신뢰성 검증 및 임베디드 SW 프로젝트 참여
- AUTOSAR 기반 ISJB 개발
- 다기능 레이더(L-SAM) 신뢰성 시험
경험 및 활동
- 연세대학교 모바일 소프트웨어 연구실 (2015.08 ~ 2016.06)
- 안드로이드 앱 안전성 테스트 및 예외처리 관련 학술 발표 참여
주요 강점
처음 써도 이해되는 화면
중요한 정보가 한눈에 보이도록 정보 배치와 흐름을 단순하게 구성했습니다.
실무형 업무 동선
조회, 검색, 등록, 수정, 삭제와 신청·문의 접수까지 실제 운영 흐름에 맞춰 구성했습니다.
빠른 커스터마이징
브랜드 색상, 문구, 메뉴 구조만 바꿔도 업종별 서비스 화면으로 빠르게 전환할 수 있습니다.
작동 흐름
화면에서 요청한 정보가 어떤 단계로 처리되는지, 이해하기 쉽게 단순화해서 표현했습니다.
직접 체험할 화면
업무 데이터 관리 샘플
업무 목록 조회부터 등록·수정·삭제까지 한 번에 체험
직접 체험하기신청/문의 폼 샘플
단계별 입력과 검증, 제출·저장 흐름을 직관적으로 확인
직접 체험하기회원/권한 관리 샘플
사용자 목록, 역할 권한, 설정 탭 구조를 빠르게 확인
직접 체험하기기술 구성과 검증 기준
- 런타임: Node.js 26.3.0, Python 3.14.5
- 프론트엔드: Next.js 16.2.7(App Router·Turbopack), React 19.2.7, Tailwind CSS 4.3.0
- 백엔드: FastAPI 0.136.3, Pydantic 2.13.4, Gunicorn 26.0.0 + Uvicorn Worker
- 데이터베이스: PostgreSQL 운영·테스트 구성, SQLAlchemy 2.0.50 + asyncpg 0.31.0
- 로그인: HttpOnly Cookie 기반 세션으로 로그인 상태를 안전하게 유지하고 갱신 토큰을 분리
- API 연결: 브라우저와 서버에서 같은 요청 경로를 사용하도록 BFF로 통일
- 접근 제어: 공개 화면과 로그인 보호 화면을 분리하고 만료 후 원래 화면으로 복귀
- 응답 규약: 성공·오류 응답 형식을 통일해 화면과 서버의 예외 처리를 단순화
- 데이터 관리: SQL 파일과 실행 코드를 분리해 변경 내용을 쉽게 추적
- 품질 검증: ESLint 9.39.4, Vitest 4.1.8, pytest 9.0.3, rule-gate로 주요 회귀를 차단
- 운영 실행: Next.js와 Gunicorn/Uvicorn을 분리된 systemd 서비스로 운영