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

기능 검수 결과 확인

상태: 준비

개발자 소개

요구사항 정리부터 구현, 운영 반영까지 이어지는 실무형 프로젝트를 중심으로 경력을 쌓아왔습니다.

담당 개발자

LSH · 풀스택 웹 개발자

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) 신뢰성 시험

학력

연세대학교(원주) 컴퓨터공학

4년제 졸업

경험 및 활동

  • 연세대학교 모바일 소프트웨어 연구실 (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 서비스로 운영