About Me

Park Changeun

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

01

프론트를 중심으로 넓혀온 5년의 개발 경험

저는 프론트엔드를 메인으로 사용자 경험과 화면 흐름을 설계해왔습니다. 동시에 게임 클라이언트 개발을 통해 실시간 반응과 성능 감각을 쌓았고, 서비스 맥락에 맞는 인터랙션과 상태 흐름을 정교하게 다듬으며 제품 완성도를 높여왔습니다.

02

도메인을 넘나들며 문제를 끝까지 해결하는 방식

역할을 프론트엔드로 한정하지 않고, 문제의 원인이 어디에 있든 필요한 영역까지 책임지고 해결합니다. 이 과정에서 화면, 상태, 데이터 흐름을 하나의 사용자 여정으로 연결해 병목과 이슈를 줄이는 데 집중합니다.

03

실무에서 만들어낸 결과

실무에서는 UI 구현을 넘어 상태 관리와 운영 관점의 안정성까지 함께 챙겨왔습니다. 페이지 성격에 맞는 데이터 로딩 전략과 상태 구조를 정리해 초기 로딩 부담을 줄였고, 기능 확장과 협업이 쉬운 구조로 개선해 서비스 완성도를 높였습니다.

Experience

커리어

(주)오지

2022.09 ~ 2026.02

프론트엔드
클라이언트

스타트업에서 프로젝트를 처음부터 끝까지 만들고 운영하면서 프론트엔드 구조 설계, 상태 관리, API 연동, 실서비스 운영 경험을 깊게 쌓았습니다. AI 캐릭터 채팅 시스템을 도입하여 일 10만 회 이상의 대화 요청을 안정적으로 처리했습니다.

(주)에듀에듀

2020.10 ~ 2022.06

풀스택
디자인

교육 플랫폼과 서비스 구축 과정에서 기획, 디자인, 퍼블리싱, 프론트엔드, 데이터베이스 설정까지 경험하며 비즈니스 전반의 개발 플로우를 익혔습니다.

이젠아카데미 (교육)

2020.01 ~ 2020.06

UI/UX 웹디자인
웹퍼블리셔
교육

UI/UX 웹디자인(웹퍼블리셔) 과정을 통해 사용자 리서치, 와이어프레임/프로토타입 제작, 사용성 테스트를 기반으로 한 화면 설계 역량을 익혔고, 웹 퍼블리싱과 Bootstrap 기반 반응형 UI 구현까지 경험하며 프론트엔드 실무 기초를 체계적으로 쌓았습니다.

(주)교원

2017.04 ~ 2017.06

디자이너
인턴

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

project intro image 1project intro image 2project intro image 3project intro image 4project intro image 5project intro image 6project intro image 7project intro image 8project intro image 9project intro image 10project intro image 11project intro image 12project intro image 13project intro image 14project intro image 15project intro image 16project intro image 17project intro image 18project intro image 19project intro image 20project intro image 21project intro image 22project intro image 23project intro image 24project intro image 25project intro image 26project intro image 27project intro image 28project intro image 29project intro image 30project intro image 31project intro image 32project intro image 33project intro image 34project intro image 35project intro image 36project intro image 37project intro image 38project intro image 39project intro image 40

Projects

2020.10 ~ 2026.02

OGProject 01

CHIZU COMICS

AI 캐릭터 채팅과 인터랙티브 웹툰 경험을 결합한 플랫폼

역할

프론트엔드 개발자

기간

2023.09 ~ 2024.10

기여도

프론트엔드 전반 90%

핵심 요약

  • 프론트엔드 전반 90% 담당 및 Pages Router 기반 앱 구조 설계
  • SSR/ISR, Apollo 캐시, lazy query로 페이지 특성별 데이터 로딩 최적화
  • 일 10만 회 이상 AI 채팅 요청 서비스 운영
  • GraphQL Codegen과 Zustand 도메인 스토어로 타입/상태 구조 정리
  • Flutter로 웹앱화하여 스토어 배포
Next.js 13React 18TypeScriptFlutterApollo ClientGraphQL+13
OGProject 02

CHIZU

Web3 NFT 마켓플레이스 핵심 화면과 데이터 흐름 구축

역할

프론트엔드 개발자

기간

2022.09 ~ 2023.08

기여도

프론트엔드 전반 60%

핵심 요약

  • NFT 이미지 중심 서비스의 초기 로딩/네트워크 비용 최적화
  • page/count 기반 GraphQL 페이지네이션과 무한 스크롤 구현
  • 업로드 전 클라이언트 이미지 리사이징으로 전송/저장 비용 절감
  • 이미지 비율 기반 Masonry 배치로 레이아웃 흔들림과 컬럼 쏠림 완화
Next.jsTypeScriptTailwind CSSApollo ClientZustandNextAuth+2
CHIZU
OGProject 03

냥빵냥빵두근두근냥빵

카페 경영 시뮬레이션 게임의 클라이언트 전반을 담당하며 인터랙션과 성능을 함께 개선한 프로젝트

역할

클라이언트 전반 — 인터랙션 설계, 시스템 구현, 성능 최적화

기간

2024.11 ~ 2026.02

기여도

클라이언트 전반 90%

핵심 요약

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

에듀에듀 메인 사이트

클래스 개설과 운영 흐름을 반영한 메인 서비스 사이트

역할

클래스 개설 기능, 데이터베이스 설정, 디자인, 퍼블리싱, 프론트엔드 개발 담당

기여도

프론트엔드 및 DB 설계 80%

핵심 요약

  • 클래스 개설/운영 핵심 흐름 설계
  • 프론트엔드 및 DB 설계 80% 담당
  • 디자인부터 퍼블리싱, 프론트엔드 개발까지 수행
DB 설계 및 설정웹 퍼블리싱프론트엔드 개발
에듀에듀 메인 사이트
에듀에듀Project 05

에듀키즈

유치원·어린이집 대상 홈페이지 플랫폼 구축 프로젝트

역할

디자인, 퍼블리싱, 프론트엔드 개발 및 일부 데이터 연동 담당

기여도

프론트엔드 전반 90%

핵심 요약

  • 유치원/어린이집 홈페이지 플랫폼 구축
  • 프론트엔드 전반 90% 담당
  • 개설신청서 기능 DB 설계 및 연동
DB 연동웹 퍼블리싱프론트엔드 개발
에듀키즈
에듀에듀Project 06

ANDNEW

작품 구매 및 대여가 가능한 쇼핑몰 서비스

역할

디자인, 퍼블리싱, 프론트엔드 개발, 데이터 연동 담당

기여도

프론트엔드 전반 90%

핵심 요약

  • 구매/대여가 가능한 쇼핑몰 구조 구현
  • 프론트엔드 전반 90% 담당
  • 상품 전시와 결제 전환 흐름을 고려한 UI 구성
DB 설계웹 퍼블리싱프론트엔드 개발
ANDNEW
에듀에듀Project 07

Wekeep

웹 명함 제작과 화상상담 기능 제공 서비스

역할

전반적인 디자인, 퍼블리싱, 프론트엔드 개발 담당

기여도

프론트엔드 전반 90%

핵심 요약

  • 웹 명함 제작과 화상상담 기능 UI 구현
  • 프론트엔드 전반 90% 담당
  • PHP 기반 환경에서 퍼블리싱과 기능 통합
PHPUI/UX 설계웹 퍼블리싱프론트엔드 개발
Wekeep
에듀에듀Project 08

퀵클래스 재능기부 사이트

클래스 개설 및 운영 중심의 재능기부 플랫폼

역할

클래스 개설 기능, 데이터베이스 설정, 디자인, 퍼블리싱, 프론트엔드 개발 담당

기여도

프론트엔드 전반 80%

핵심 요약

  • 재능기부 클래스 등록/관리 기능 구현
  • 프론트엔드 전반 80% 담당
  • 기획부터 배포까지 전 과정 경험
DB 설계 및 설정웹 퍼블리싱프론트엔드 개발
퀵클래스 재능기부 사이트

Tech Stack

Skills

5+Years of
Experience

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

scroll

Core

3 skills

  • React

    컴포넌트 기반 UI 구축 및 커스텀 훅 설계

  • Next.js

    SSR/SSG 기반 풀스택 앱 개발 및 파일 라우팅

  • TypeScript

    타입 안전성 확보로 대규모 코드베이스 유지보수

Frontend

8 skills

  • Tailwind CSS

    유틸리티 클래스로 빠르고 일관된 반응형 UI 구현

  • Zustand

    Zustand

    경량 전역 상태 관리로 복잡한 UI 상태 제어

  • Recoil

    아톰/셀렉터 기반 세분화된 리액트 상태 관리

  • Apollo Client

    GraphQL 쿼리 캐싱 및 서버 상태 동기화

  • GraphQL

    선언형 데이터 요청으로 API 오버페칭 방지

  • Framer Motion

    선언형 애니메이션으로 풍부한 인터랙션 구현

  • GSAP

    스크롤 기반 고성능 타임라인 애니메이션 구현

  • Lottie

    JSON 벡터 애니메이션으로 앱에 생동감 부여

UI / Interaction

5 skills

  • React Hook Form

    비제어 컴포넌트 기반 고성능 폼 유효성 검사

  • Swiper

    모바일 친화적 터치 슬라이더 및 캐러셀 구현

  • RE

    React Modal

    접근성과 포커스 트랩을 갖춘 모달 UI 구현

  • DR

    Dropzone

    드래그 앤 드롭 파일 업로드 인터페이스 구현

  • RE

    Recharts

    D3 기반 반응형 데이터 시각화 차트 구현

Auth / SEO / App

4 skills

  • NextAuth

    OAuth 소셜 로그인 및 세션 기반 인증 구현

  • SE

    SEO

    메타태그·Open Graph·sitemap으로 검색 최적화

  • PW

    PWA

    서비스 워커로 오프라인 지원 설치형 웹앱 구현

  • WE

    Web Push

    브라우저 알림으로 사용자 재참여 유도 구현

Infra / Service

4 skills

  • Firebase

    실시간 DB, 인증, Storage 통합 백엔드 구축

  • Toss Payments

    Toss Payments

    결제 API 연동 및 웹훅 기반 주문 처리

  • EmailJS

    EmailJS

    서버 없이 클라이언트에서 직접 이메일 전송

  • GCP

    클라우드 VM·스토리지 기반 서버 인프라 구축

AI / Search

3 skills

  • LangChain

    LLM 체인 및 RAG 파이프라인 구축

  • Azure OpenAI

    GPT API 기반 AI 기능 서비스 통합

  • PI

    Pinecone

    벡터 DB로 시맨틱 유사도 검색 구현

Contact

함께 만들어요

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

GitHub

프로젝트 코드 보기

Email

design795@naver.com

메시지 보내기

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