YourMillionaire
랜딩과 대시보드를 분리한 AI 회계 서비스
프론트엔드 개발, 배포 구조 설계
- Next.js 랜딩과 React 대시보드를 분리하고 공통 디자인 시스템 적용
- 변경된 서비스만 빌드·배포하는 AWS 자동화 구성
- Next.js
- React
- MFE
- AWS
- CloudFront
개발자 양정운
사용하기 좋은
화면을 만듭니다.
반응형 UI부터 디자인 시스템, 배포까지.
사용자 경험을 코드와 구조로 연결합니다.
- React
- Next.js
- TypeScript
YourMillionaire
AI 회계 서비스의 랜딩과 대시보드
공통 디자인 시스템과 AWS 배포 구조직접 만들고,
끝까지 고민한 프로젝트
화면을 만드는 일에서 서비스가 동작하는 구조까지.
각 프로젝트에서 맡은 일과 선택의 이유를 정리했습니다.
Shathing
필요한 물건을 이웃과 빌리고 나누는 플랫폼
기획, 웹·앱과 백엔드 개발, 배포
- 물건 공유부터 실시간 채팅까지 웹과 모바일 앱으로 구현
- 클라이언트 직접 이미지 업로드와 무료 플랜 중심의 운영 구조 설계
- Next.js
- Spring Boot
- WebSocket
- PostgreSQL
Tripplai
AI 추천과 공공데이터로 계획하는 나만의 여행
로그인, 결제, 축제 정보 페이지 개발
- Toss Payments 결제 흐름과 SSR 기반 축제 정보 페이지 구현
- 2025 관광데이터 활용 공모전 예선 통과
- Next.js
- TypeScript
- Zustand
- ReactQuery
- Tailwind CSS
yju-portfolio
작업과 경험을 한곳에서 살펴보는 개발자 포트폴리오
기획, 디자인, 개발, SEO 대응, 배포
- 화면 크기와 기기 테마에 맞춘 반응형 인터페이스
- 공유 가능한 URL과 탐색 위치를 유지하는 프로젝트 상세 모달 구현
- Next.js
- TypeScript
- Sass
실제 서비스에서 쌓은 경험
화면 구현을 넘어 성능과 유지보수까지 살피며,
팀이 함께 개선할 수 있는 서비스를 만듭니다.
㈜네피리티
앱 개발 (인턴/수습, 팀원)
2026.07 ~ 재직 중모바일 앱 개발과 운영, AI Agent 서비스 개발, 비전공자 대상 개발 교육을 담당하고 있습니다.
앱 개발 및 유지보수
- React Native 기반 모바일 앱 개발 및 유지보수
- Google Play Store 및 Apple App Store 앱 배포 및 운영
AI Agent 개발
- LLM 기반 AI Agent 서비스 개발
- AI Agent 플랫폼 및 외부 서비스 연동
바이브코딩 교육
- 비전공자 대상 AI 코딩 도구를 활용한 개발 교육
- Linux 및 Git 기초 교육
딥세일즈
프론트엔드 개발 인턴
2025.04 ~ 2025.10- Lighthouse 70점대 → 90점대
성능 병목 분석과 렌더링 구조 개선
- 화면 표시 약 300ms 단축
React Query 캐싱으로 중복 API 요청 감소
- 60건 이상의 QA 이슈 해결
QA 엔지니어와 협업하며 반복 문제 개선
- 디자인 토큰 자동 반영
디자인 문서와 프론트엔드의 일치 유지
성능 최적화
- Lighthouse 점검 결과 70점대에 머무르던 성능 지표를 분석하고 개선해 90점대로 높였습니다.
- 최상위 컴포넌트의 불필요한 구독 구조를 개선해 전체 리렌더링을 줄였습니다.
- React Query 기반 캐싱을 적용해 API 중복 요청을 줄이고, 화면 표시 속도를 약 300ms 개선했습니다.
- 약 1만 줄의 Dead Code를 정리해 코드베이스의 가독성을 높이고 유지보수 부담을 줄였습니다.
디자인 시스템 정비
- Headless UI와 직접 구현한 컴포넌트가 혼재된 구조를 shadcn/ui 중심으로 통일해 재사용성과 유지보수성을 높였습니다.
- 디자인 문서와 프론트엔드의 불일치를 해결하기 위해 디자인 변경사항을 토큰화하고, 프론트엔드에 자동으로 반영하는 파이프라인을 구축했습니다.
신규 기능 개발
- 디자인 문서를 바탕으로 신규 페이지를 퍼블리싱하고 UI를 구현했습니다.
- Toss Payments를 연동하고 결제 흐름을 개발했습니다.
유지보수
- 60건 이상의 QA 이슈를 분석하고 수정했습니다.
- QA 엔지니어와 협업해 반복 이슈에 대응하고 서비스 안정성을 개선했습니다.
걸어온 길
소프트웨어 전공과 자격을 바탕으로
개발 경험을 이어왔습니다.
- 2025.02
국립공주대학교 졸업
컴퓨터공학부 소프트웨어전공
- 2024.09
정보처리기사 취득
- 2019.02
영천고등학교 졸업
과학중점 고등학교
- 2000.03
출생
도구를 익히고,
문제에 맞게 사용합니다.
React와 TypeScript를 중심으로
화면, 상태, 서비스 품질을 다룹니다.
컴포넌트와 화면 구현
타입으로 UI의 경계를 명확히 하고, 재사용할 수 있는 컴포넌트로 화면을 구성합니다.
- TypeScript
- JavaScript
- React
- Next.js
- Tailwind CSS
상태와 데이터 흐름
서버 상태와 화면 상태를 나누고, 캐싱과 구독 범위를 조정해 중복 요청과 리렌더링을 줄입니다.
- React Query
- Zustand
- Redux
UI 품질과 배포
Jest와 스타일링 도구로 구현을 점검하고, Vercel을 활용해 웹 서비스를 배포합니다.
- Jest
- Sass
- styled-components
- Vercel
전체 기술과 숙련도
- 능숙 (상)
- 내부 구조를 이해하고 주요 이슈를 해결할 수 있습니다.
- 활용 (중)
- 책이나 문서를 일부 참고하며 개발할 수 있습니다.
- 기초 (하)
- 기본 지식과 사용 경험이 있습니다.
언어
- TypeScript능숙
- JavaScript능숙
- Java기초
- Python기초
- C기초
프론트엔드
- Next.js능숙
- React능숙
- Redux활용
- Zustand능숙
- React Query능숙
- Jest활용
- Cypress기초
- Storybook기초
- Sass활용
- Tailwind CSS능숙
- styled-components활용
백엔드
- Node.js기초
- Express기초
- Nest.js기초
- Type ORM기초
- MongoDB기초
- PostgreSQL기초
배포
- Vercel능숙
- AWS기초
코드와 글로 남기는 기록
결과만큼, 만들어가는 과정도 소중하게 생각합니다.
좋은 제품을 만드는 팀을
만나고 싶습니다.
프로젝트와 일에 관한 이야기, 편하게 연락해 주세요.