design795@naver.com

About Me

Park Changeun

Frontend Developer · 경험을 설계하는 개발자

소수정예 팀에서 0→1을 만든 프론트엔드 경험

교육 도메인, 이미지 마켓플레이스, AI 채팅 콘텐츠 서비스까지 서로 다른 제품을 연속으로 개발하며 프론트엔드 아키텍처와 UI/UX 흐름을 설계해왔습니다. SSR 기반 서비스 운영과 실서비스 배포까지 연결한 경험이 강점입니다.

프론트를 중심으로, 필요한 영역까지 확장하는 문제 해결 방식

역할을 프론트엔드에 고정하지 않고 문제의 원인에 따라 데이터 흐름과 백엔드 연동까지 직접 다룹니다. 기획·디자인·백엔드와 문제 중심으로 협업하며, 상태 관리·성능·코드 품질을 함께 개선해 서비스가 끊기지 않게 만드는 데 집중합니다.

제품 중심 팀에서 더 크게 기여하고 싶습니다

목표가 분명하고 사용자에게 실제로 쓰이는 제품을 빠르게 개선하는 팀을 지향합니다. 새로운 기술은 학습 자체보다 문제 해결의 수단으로 활용하며, 더 나은 UX와 코드 품질을 함께 만드는 문화에서 강점을 발휘합니다.

Experience

커리어

(주)오지

2022.09 ~ 2026.02

프론트엔드

클라이언트

웹 마켓플레이스와 웹툰/AI 채팅 2개 제품의 프론트엔드를 연속 담당한 뒤 Unity 게임 클라이언트까지 도메인을 확장했습니다. 4인 개발팀에서 클라이언트 아키텍처, 데이터 페칭 전략, 보안/배포 기준을 직접 정의하고 기획·디자인·백엔드와 함께 라이브 운영까지 끌고 갔습니다.

(주)에듀에듀

2020.10 ~ 2022.06

풀스택

디자인

퍼블리셔로 입사해 PHP·MySQL까지 영역을 확장했습니다. 학원·기업 납품용 B2B 화상채팅 플랫폼의 사용자 플로우 전반을 구현하고 기존 어드민 베이스 위에 운영 기능을 확장했으며, 화상채팅 코어를 Wekeep·QuickClass 같은 응용 서비스로 재활용했습니다.

이젠아카데미 (교육)

2020.01 ~ 2020.06

UX/UI 퍼블리싱 과정

교육

HTML·CSS·JavaScript 기반 웹 퍼블리싱 및 반응형 UI 구현 과정 수료. 화면 설계부터 프론트엔드 구현까지 실무 기초를 습득하며 개발 커리어를 시작했습니다.

(주)교원

2017.04 ~ 2017.06

디자이너

인턴

아동 교육 플랫폼 콘텐츠를 디자인하며 사용자 연령대에 맞는 시각 구성과 정보 전달 구조를 설계했고, 이후 퍼블리싱/프론트엔드로 확장할 수 있는 UI 기초 역량을 다졌습니다.

Projects

2020.10 ~ 2026.02

OGProject 01

CHIZU COMICS

인터랙티브 웹툰 플랫폼 + AI 캐릭터 채팅 서비스

역할

프론트엔드 전반 80% 담당

기간

2023.09 ~ 2024.10

기여도

프론트엔드 전반 80%

핵심 요약

4인 팀에서 프론트엔드 80% 구현 — Pages Router 기반 앱 전체 구조와 도메인 디렉토리 레이아웃 설계
페이지 특성별 데이터 전략 — SEO 페이지는 SSR(getServerSideProps), 랜딩은 마운트 후 지연 페치, 상세는 Apollo cache-and-network로 분리
AI 시스템 프롬프트·시크릿을 BFF로 차단하고 세션 단위 LangChain 인스턴스를 풀링·자동 회수해, 누적 1만 유저 AI 채팅 서비스를 메모리 누수 없이 운영
GraphQL Codegen client preset 도입 — BE 스키마 변경 빌드 타임 검증
Next.js 웹을 Flutter WebView로 래핑해 iOS/Android 동시 배포 + Web↔Native 브릿지 직접 설계

Next.js 13React 18TypeScriptFlutterApollo ClientGraphQL+11

OGProject 02

CHIZU

이미지 작품 거래 플랫폼 — 클라이언트 이미지 최적화 · 실시간 동기화 · Masonry 무한 스크롤

역할

프론트엔드 전반 60% 담당

기간

2022.09 ~ 2023.08

기여도

프론트엔드 전반 60%

핵심 요약

업로드 전 클라이언트에서 긴 변 500px 기준으로 리사이즈 + 축소 전 적응형 블러 안티앨리어싱 처리로 전송량 절감
GraphQL 페이지네이션 + 무한 스크롤 직접 구현(컬렉션 150개·활동 100개·기본 30개 단위)
Masonry 그리드 자체 구현으로 컬럼 높이 편차와 CLS 문제 동시 해결
Socket.IO 이벤트는 트리거로만, 거래 정합성은 GraphQL network-only 재호출로 단일 진실 유지
Figma 컴포넌트 정의를 Storybook으로 단일화해 디자이너가 PR 리뷰에 직접 합류

Next.jsTypeScriptTailwind CSSApollo ClientGraphQLZustand+4

OGProject 03

두근두근 냥빵냥빵

모바일 카페 경영 시뮬레이션 게임 — Unity 클라이언트 전반

역할

클라이언트 전반 90% 담당

기간

2024.11 ~ 2026.02

기여도

클라이언트 전반 90%

핵심 요약

그래픽 처리 비용 49% 감소
데이터 로드 속도 2.67배 향상 (6.3ms → 2.4ms)
UI 인터랙션 20종 이상 상태 기반 모션 구현
누적 2만 다운로드 · 라이브 운영

UnityC#DOTweenUniTaskAddressablesMessagePack+2

에듀에듀Project 04

에듀에듀

B2B 화상채팅 플랫폼과 응용 서비스(Wekeep · QuickClass) — 퍼블리셔에서 풀스택 영역까지 확장

역할

퍼블리셔로 입사 → PHP / MySQL까지 영역 확장, 프론트엔드 + 데이터 연동 전담

기간

2020.10 ~ 2022.06

기여도

화면 디자인 · 퍼블리싱 · 사용자 UI/UX 전반 · 기존 PHP 베이스 위 어드민 기능 확장 · MySQL 테이블 설계 · PHP 연동

핵심 요약

학원·기업 납품용 B2B 화상채팅 플랫폼 사용자 흐름 구현
클래스 개설 → 목록 → 상세 → 입장 → 화상채팅까지 전 플로우 구현
기존 PHP 어드민 베이스 위에 클래스 개설, 실시간 화상 관리, 일정·학생·상세 페이지 관리, 수익률 지표 등 운영 기능 확장
MySQL 테이블 직접 설계 및 쿼리 작성
화상채팅 코어를 Wekeep, QuickClass 등 응용 서비스로 재활용

HTMLCSSJavaScriptTailwind CSSPHPMySQL

PersonalProject 05

카공맵 (KaGongMap)

카공족이 직접 만드는 카페 지도 커뮤니티

역할

기획, 디자인, 프론트엔드, 백엔드, 배포 단독 진행

기간

2026.04 ~ 진행중

기여도

100%

핵심 요약

AI 자동 제보를 어드민 로컬 브릿지(Hono + Claude CLI + SSE)로 운영해 클라우드 LLM 비용 0원
마커용 경량 데이터와 상세용 중량 데이터를 분리해 카페 수 증가에도 초기 로딩 페이로드를 일정하게 유지
카페 등록·상세·수정·후기를 모달 기반으로 처리해 지도 컨텍스트를 보존
Supabase RLS + 서버 전용 쓰기 + 어드민 가드로 3중 보안 레이어 구성

Next.js 16React 19TypeScriptTailwind CSS 4SupabasePostgreSQL+12

Tech Stack

Skills

5+Years of
Experience

프론트엔드 개발부터 AI 통합까지
다양한 기술 스택을 실무에 적용했습니다.

scroll

Core

4 skills

React
컴포넌트 기반 UI 구축 및 커스텀 훅 설계
Next.js
SSR/SSG 기반 풀스택 앱 개발 및 파일 라우팅
TypeScript
타입 안전성 확보로 대규모 코드베이스 유지보수
JA
JavaScript
브라우저 UI와 PHP 기반 서비스 흐름 구현

Frontend

10 skills

Tailwind CSS
유틸리티 클래스로 빠르고 일관된 반응형 UI 구현
Zustand
경량 전역 상태 관리로 복잡한 UI 상태 제어
Recoil
아톰/셀렉터 기반 세분화된 리액트 상태 관리
Apollo Client
GraphQL 쿼리 캐싱 및 서버 상태 동기화
GraphQL
선언형 데이터 요청으로 API 오버페칭 방지
GR
GraphQL Codegen
스키마 기반 타입 생성으로 API 변경 빌드 타임 검증
RE
React Query
지도 마커·상세 데이터의 캐시와 lazy fetch 제어
Framer Motion
선언형 애니메이션으로 풍부한 인터랙션 구현
GSAP
스크롤 기반 고성능 타임라인 애니메이션 구현
Lottie
JSON 벡터 애니메이션으로 앱에 생동감 부여

UI / Interaction

6 skills

React Hook Form
비제어 컴포넌트 기반 고성능 폼 유효성 검사
ST
Storybook
디자인·코드 컴포넌트 기준을 단일화
Swiper
모바일 친화적 터치 슬라이더 및 캐러셀 구현
RE
React Modal
접근성과 포커스 트랩을 갖춘 모달 UI 구현
DR
Dropzone
드래그 앤 드롭 파일 업로드 인터페이스 구현
RE
Recharts
D3 기반 반응형 데이터 시각화 차트 구현

Auth / SEO / App

5 skills

NextAuth
OAuth 소셜 로그인 및 세션 기반 인증 구현
SE
SEO
메타태그·Open Graph·sitemap으로 검색 최적화
PW
PWA
서비스 워커로 오프라인 지원 설치형 웹앱 구현
FL
Flutter WebView
Next.js 웹을 앱으로 래핑하고 Native Bridge 설계
WE
Web Push
브라우저 알림으로 사용자 재참여 유도 구현

Infra / Service

6 skills

Firebase
실시간 DB, 인증, Storage 통합 백엔드 구축
Toss Payments
결제 API 연동 및 웹훅 기반 주문 처리
EmailJS
서버 없이 클라이언트에서 직접 이메일 전송
GCP
클라우드 VM·스토리지 기반 서버 인프라 구축
SU
Supabase
PostgreSQL·Auth·RLS 기반 데이터 권한 설계
CL
Cloudflare Images
이미지 업로드·전달 파이프라인 구성

AI / Search

4 skills

LangChain
LLM 체인 및 RAG 파이프라인 구축
Azure OpenAI
GPT API 기반 AI 기능 서비스 통합
PI
Pinecone
벡터 DB로 시맨틱 유사도 검색 구현
CL
Claude CLI + Hono
로컬 브릿지와 SSE로 AI 자동 제보 파이프라인 구현

Game Client

6 skills

UN
Unity
모바일 게임 클라이언트 구조와 성능 최적화
C#
C#
상태 기반 시스템과 에디터 자동화 구현
DO
DOTween
Sequence 큐잉으로 UI/스킬 모션 제어
UN
UniTask
Unity 생명주기에 맞춘 비동기 처리
ME
MessagePack
바이너리 직렬화로 모바일 데이터 로드 최적화
NA
NavMesh
비동기 베이킹으로 배치 편집 프레임 드롭 완화

Contact

함께 만들어요

새로운 기회, 협업 제안, 혹은 그냥 반가운 인사도 언제든 환영합니다.
메시지를 남겨주시면 빠르게 답변드리겠습니다.

GitHub

프로젝트 코드 보기

design795@naver.com

메시지 보내기

양식을 작성해 보내주시면 제 이메일로 전달됩니다.