Projects

Projects with evidence.

각 프로젝트에서 맡은 역할과 개인 기여, 기술 선택의 근거, 확인 가능한 결과를 정리했습니다.

Frontend Evidence

댓글 동기화, PDA 스캔, 모바일 제스처에서 상태 관리와 입력 처리, 렌더링 성능을 개선했습니다.

Frontend 01Detail

CodeMate

GitHub PR을 연동해 AI 코드 리뷰와 실시간 댓글 협업을 제공하는 개발자용 플랫폼입니다.

Period2026.02 - 2026.04

RoleFrontend / Full-stack

Team개인 프로젝트

10->0

Comment API requests

Realtime cache update

TypeScriptReactNext.js App RouterTanStack QuerySocket.io

GitHub available· Live demo

Open Case Study

Frontend 02Detail

NP WMS Picking

PDA, Android WebView, WMS 계약을 연결한 현장 피킹 운영 시스템

Period2026.06 - 2026.08

RoleFrontend / Full-stack

Team팀 프로젝트 / 익명 물류 운영사

55 / 224

Mobile FE / Backend tests

Scanner input and offline outbox

ReactTypeScriptViteIndexedDBAndroid WebView

Open Case Study

Frontend 03Detail

Fly:On

여행 일정 생성과 편집을 모바일에서 직접 조작할 수 있게 만든 React Native 플래너

Period2025.06 - 2025.11

RoleFrontend / Mobile

Team팀 프로젝트 (FE 2 / BE 2 / Design 1)

211.5->72.9ms

Drag duration

React Native profiling

TypeScriptReact NativeExpoTanStack QueryZustand

GitHub available

Open Case Study

Full-stack & More

주문 변환, 지원 단계 관리, 위치 동기화에 필요한 API와 데이터 흐름까지 연결했습니다.

More 01Detail

NP-OIS

Excel VBA 주문 처리 업무를 React와 Kotlin/Spring 기반 웹 워크플로로 전환한 실무 프로젝트

Period2026.06 - 2026.07

RoleFrontend / Full-stack

Team팀 프로젝트 / 익명 물류 운영사

Backend tests

Excel VBA to web workflow

ReactTypeScriptViteTanStack QueryTailwind CSS

Open Case Study

More 02Detail

Career Hub

채용 공고, 지원 단계, 일정, 알림을 하나의 PWA 흐름으로 묶은 취업 준비 대시보드

Period2025.11 - 2026.02

RoleFrontend

Team팀 프로젝트 (FE 2 / BE 2)

1->0

Detail refetch

Application status sync

TypeScriptReactNext.js App RouterTanStack QueryZustand

GitHub available

Open Case Study

More 03Detail

Runner's High

실시간 위치 공유와 러닝 기록을 모바일에서 안정적으로 유지한 위치 기반 러닝 앱

Period2025.02 - 2025.07

RoleFrontend / Mobile (전담)

Team졸업작품 (FE 1 / BE 2)

10s

Pace window

GPS and realtime recovery

TypeScriptReact NativeExpoZustandTanStack Query

GitHub available

Open Case Study

Ongoing Personal Platform

phnml1 Portfolio & Tech Blog.

프로젝트의 문제 해결 과정과 기술 학습 기록을 같은 콘텐츠 구조에서 지속적으로 관리하고 있습니다.

Built & Maintained

2023.12 - 현재

개인 프로젝트 · 설계, 개발, 콘텐츠 운영 및 배포

Browse Articles View Source

Next.js App Router 기반으로 프로젝트 Case Study와 MDX 기술 글을 한 곳에서 관리하고, 정적 export로 GitHub Pages에 배포하는 개인 포트폴리오·기술 블로그입니다.

Markdown과 MDX 기반 프로젝트·기술 글 콘텐츠 관리
프로젝트와 기술 글의 정적 상세 라우트 생성
검색·카테고리·태그를 통한 콘텐츠 탐색
canonical·Open Graph·sitemap·robots와 정적 배포 구성

Next.js App RouterTypeScriptTailwind CSSMarkdown / MDXGitHub Pages

Past Projects / Archive

Project Archive.

현재의 Case Study와 구분해, 이전에 경험한 프론트엔드 학습과 협업의 흐름을 간결하게 정리했습니다.

2024

Next.js · Authentication · Location

아모르각코

2024.07 - 2024.12

팀 프로젝트 · Frontend 1 / Backend 1

Next.js middleware 기반 인증과 쿠키·토큰 관리, Kakao 지도와 Geolocation을 활용한 위치 탐색, PWA·FCM 알림을 경험한 모각코 모집 플랫폼입니다.

Next.js App RouterTypeScriptReact QueryKakao MapsPWA / FCM

2023

React · Team Collaboration

CMAP

2023.07

팀 프로젝트 · Frontend (3인)

지도 기반 장소 콘텐츠를 작성·공유하는 React 웹 프로젝트입니다.

Reactstyled-componentsCSS ModulesNaver MapsReact-Quill

Hey Apple

2023.01 - 2023.02

팀 프로젝트 · FE Lead (FE 3 / BE 3 / AI 1)

이미지를 업로드하고 분석 결과를 시각화하는 웹 서비스의 프론트엔드 개발 및 FE 리드를 맡았습니다.

ReactJavaScriptAxiosFramer MotionNivo