PUBLIC PORTFOLIO

실무용 웹서비스 템플릿 포트폴리오

관리자 화면이 필요한 서비스라면, 바로 체험하고 의사결정할 수 있게 구성한 샘플 포트폴리오입니다.

  • 처음 보는 사람도 1분 안에 주요 화면을 체험할 수 있게 설계
  • 실제 운영에서 자주 쓰는 화면 흐름(로그인/대시보드/업무관리) 중심 구성
  • 추가 기능 확장과 유지보수를 고려한 안정적인 기본 뼈대 제공

프로젝트 개요

업무 샘플 데이터

12건

관리자 샘플 사용자

3명

최근 폼 제출

1건

2026-02-22T00:00:00

숨고/크몽 샘플 시나리오 작성

상태: pending

2026-02-21T00:00:00

미들웨어 공개 경로 점검

상태: done

2026-02-20T00:00:00

T_DATA 샘플 데이터 정리

상태: ready

Developer Profile (열고 닫기)

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

담당 개발자

LSH · 풀스택 웹 개발자

총 경력 8년 6개월현재 앨엔소프트 개발팀 차장웹/앱 구축 및 운영 경험근무지역 서울
  • 관리자 화면, 업무 시스템, 채용/평판조회 플랫폼 구축 경험
  • 초기 구축부터 유지보수/고도화까지 이어지는 프로젝트 수행
  • 변경이 잦은 요구사항에서도 구조를 단순하게 유지하는 방식 선호

대표 프로젝트

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)
  • 안드로이드 앱 안전성 테스트 및 예외처리 관련 학술 발표 참여

주요 강점

처음 써도 이해되는 화면

중요한 정보가 한눈에 보이도록 정보 배치와 흐름을 단순하게 구성했습니다.

실무형 업무 동선

조회, 검색, 등록, 수정, 삭제까지 실제 운영 흐름에 맞춘 패턴으로 구성했습니다.

빠른 커스터마이징

브랜드 색상/문구/메뉴 구조만 바꿔도 빠르게 서비스형 화면으로 전환할 수 있습니다.

작동 흐름

화면에서 요청한 정보가 어떤 단계로 처리되는지, 이해하기 쉽게 단순화해서 표현했습니다.

사용자 화면

고객이 웹에서 바로 사용

접근 제어

로그인 상태와 권한 확인

서비스 처리

데이터 저장/조회와 응답

샘플 동선

CRUD 관리 샘플 화면 미리보기

CRUD 샘플

업무 목록 조회부터 등록/수정/삭제까지 한 번에 체험

샘플 이동
복합 폼 샘플 화면 미리보기

복합 폼 샘플

단계별 입력과 검증, 제출 흐름을 직관적으로 확인

샘플 이동
관리자 화면 샘플 미리보기

관리자 화면 샘플

관리 기능 탭 구성과 운영 화면 구조를 빠르게 확인

샘플 이동
기술 상세 노트 (필요할 때만 열기)
  • 프론트엔드: Next.js 15(App Router), React 19
  • 백엔드: FastAPI + SQLAlchemy
  • 인증: HttpOnly Cookie 기반 세션 처리, Access/Refresh 회전 흐름 분리
  • API 계층: BFF 라우트로 요청 경로를 통일해 SSR/CSR 동작 차이를 최소화
  • 미들웨어: 공개 경로/보호 경로 분리, 만료 토큰 재부트스트랩 후 목적지 복귀
  • 응답 규약: success/error 스키마와 code 체계를 백엔드 전 구간에 일관 적용
  • 데이터 계층: SQL 파일 분리 및 쿼리 로더 감시로 운영 중 수정 추적성 확보
  • 품질 게이트: lint/test/rule-gate 기준으로 회귀를 조기에 차단
  • 테스트: 백엔드 API/서비스 테스트 + 프론트 런타임/뷰 테스트 분리 운영
  • 운영 구성: 공개 샘플 경로와 인증 보호 경로를 분리해 샘플/실사용 혼선을 최소화