A
d
a
p
t
a
b
i
l
i
t
y
Phantom Fear
“공포의 허상”
삶을 대하는 태도가 무거워질 때면, 보이지 않는 저편에서 '두려움'이라는 이름의 파도가 우리를 덮칠 듯 다가옵니다. 여유가 부족한 순간에는 스스로 만들어낸 공포에 휘둘리며 멈춰 서기도 하지요.
저 또한 두려움과 후회의 늪에 빠져, 아무것도 할 수 없다는 주문을 스스로에게 걸며 한동안 주저앉아 있었습니다.
그러다 문득 '두려움은 허상일 뿐'이고, 우리는 그저 찰나의 순간을 지나가고 있다는 사실을 깨달았습니다. 그 순간 저는 자유로움을 느꼈습니다.
Awareness
“알아차림”
심리학자들은 우리가 현재를 겨우 2~3초만 인지할 수 있다고 말합니다. 그 짧고도 짧은 시간이 지나면 심리적으로는 과거가 되어버리는 것이지요. 테세우스의 배처럼 우리 몸을 이루는 세포도 끊임없이 교체되기에, '지난 나'가 진정한 '나'인지도 확신할 수 없습니다. 결국 확신할 수 있는 것은 이 순간, 이 찰나뿐 일지도 모르겠습니다.
그래서 저는 이 찰나를, 아주 잠깐의 현재를 온전히 살아가는 데에 집중하고자 노력했습니다. 매일 절반 이상을 보내는 직장을 단순한 수입수단으로만 여기지 않고, 진심으로 좋아하는 일을 하기로 결심했습니다.
독서와 글쓰기를 즐기며, 눈에 보이는 기록과 성과에서 만족을 얻는 제게 프론트엔드 개발은 가장 자연스러운 선택이었습니다. 독학으로 시작해 회사에서 실제 프로젝트를 경험하면서, 개발이 제게 단순한 생계 수단을 넘어 '자아를 실현하는 창구'임을 확신하게 되었습니다.
Breakthrough
“도약”
이제 저는 더 뛰어난 개발자가 되고자 합니다. 아직 부족한 알고리즘과 컴퓨터 과학 기초 지식을 꾸준히 쌓아, 전체 흐름을 이해하고 선택의 이유를 명확히 설명할 수 있는 역량을 갖추려 노력 중입니다.
끊임없이 배우고 유연한 자세로 수용하며, 팀과 사용자에게 편안함을 주는 코드를 손수 만들어가겠습니다. 앞으로 함께할 여정에서도 이 열정을 잃지 않고, 팀에 활기를 불어넣는 사람이 되겠습니다.
프론트엔드 개발자
2025.07 - 현재
Purple Young
1인 프론트엔드 체제에서 4개 이상의 주요 프로덕트 런칭을 주도하고, AI 워크플로우를 사내에 안착시킨 성과를 인정받았습니다.
🏆 입사 6개월 만에 대리 조기 진급
KEY ACHIEVEMENTS
AI 에이전트 기반 사내 워크플로우 자체 구축
- •Skill-creator를 활용해 사내 컨벤션에 맞춘 맞춤형 Claude Skill 설계.
- •Antigravity AI와 Figma MCP를 연동하여 디자인 검증 ➔ 코드 생성 ➔ 시각 검증으로 이어지는 자동화 파이프라인 구축.
- •프론트엔드 신규 UI 구현 시간을 수일에서 수시간 단위로 획기적으로 단축하고, 개발팀 내 AI 기술 전파 주도.
Next.js RSC & BFF 패턴 도입
- •프론트엔드-백엔드 간 배포 강결합 및 스키마 변경 시 발생하는 연쇄 에러 해결을 위해 BFF(Backend For Frontend) 아키텍처 도입.
- •page.tsx 내 서버 간 병렬 페칭으로 원시 데이터를 호출하고, 프론트엔드 뷰에 맞게 데이터를 포매팅하여 클라이언트 번들 사이즈 최적화 및 체감 로딩 시간(UX) 개선.
TF팀 리더 및 주요 프로덕트 런칭
- •자사 랜딩 웹, B2B 파트너 어드민, 사내 매니저 어드민 등 주요 서비스 초기 세팅부터 런칭까지 단독 수행.
- •신설 채용 TF팀 리더를 맡아 기획, 임직원 인터뷰, 프론트엔드 개발 전 과정을 총괄 진행 중.
프론트엔드 개발
2023.04 - 2024.09
Playdonut
PC방 런처를 기반으로 e스포츠 토너먼트 대회를 주최하는 플랫폼 서비스
KEY ACHIEVEMENTS
주요 수행 업무
- •e스포츠 관련 토너먼트 플랫폼 개발
- •PC방 사용자의 활동을 추적하는 웹 MVP 개발
- •PC방 런처 어드민 페이지 신규 개발 및 유지보수
- •포트폴리오 웹 퍼블리싱 및 유지보수 전담
- •Code Migration (Trimou → Next.js)
프로젝트 매니저
2021.05 - 2022.04
IGS
넷마블 게임을 주축으로 다양한 게임사의 운영, CS, QA 서비스를 제공하는 게임 서비스 전문 기업
KEY ACHIEVEMENTS
주요 수행 업무
- •프로젝트 일정 및 담당자 업무 관리
- •데이터 및 VOC 기반 이벤트 / 콘텐츠 기획 및 제안
- •웹 콘텐츠 기획 및 관리
- •커뮤니티 및 인게임 데이터, 유저 지표 분석을 통한 인사이트 도출
- •데이터 지표 기반 게임 내/외 개선 및 전략 수립
Technologies
Work
- •모노레포 기반 3-Layer 아키텍처 설계 원자, 비즈니스 조합, 프로젝트 레이어로 컴포넌트 분리
- •AI 에이전트 연동 자동화 파이프라인 구축 디자인 검증, 코드 생성, 시각 검증의 End-to-End 자동화
- •점진적 레거시 마이그레이션 전략 적용 환경별 패키지 전환 및 Strangler Fig 패턴 도입
디자인-개발 간 싱크로율 저하 및 반복 구현의 비효율
프로젝트마다 디자인 토큰이 미세하게 다르고, 수동 코딩으로 인한 시각적 불일치(Drift) 누적
다중 어드민 환경에서의 UI 파편화 및 높은 유지보수 비용
파트너 및 매니저 어드민에서 동일 컴포넌트를 중복 구현하여 브랜드 일관성 훼손
레거시 시스템의 급격한 디자인 전환 리스크
기존 운영 중인 프로덕트에 신규 디자인 시스템을 일괄 적용 시 발생할 수 있는 런타임 에러 우려
Technologies
Work
- •초기 랜딩 페이지 대용량 미디어 에셋 최적화 기존 100MB 이상의 거대 GIF 에셋을 추출하여 MP4 비디오 요소를 통한 99% 용량 최적화 수행
- •약관 및 정책 가이드 Notion API(Notion-client) 연동 사내 팀원들이 작성하는 Notion 페이지를 정적 데이터 파싱하여 웹사이트에 배포 단에서 동기화
- •다중 루트 레이아웃(Multiple Root Layout) 설계 Route Groups 구조를 활용해 랜딩 페이지와 약관 스토어 뷰의 글로벌 스타일 충돌 격리
미디어 로딩 병목 및 모바일 iOS 동영상 이슈 해결
고용량 GIF로 인한 LCP 렌더링 저하 및 iOS Safari 영상 자동 재생 차단 현상
약관 페이지 Notion 내부 링크 이탈 방지 구축
약관 내 링크 클릭 시 외부 Notion 도메인으로 이탈하는 문제 및 캐시 혼선 리스크
Technologies
Work
- •B2B/사내 어드민 Full-Cycle 주도 초기 환경 세팅부터 컴포넌트 설계, 런칭까지 단독 수행
- •BFF(Backend For Frontend) 아키텍처 설계 클라이언트와 서버 간 데이터 의존성 분리 및 최적화
- •비즈니스 규제 및 보안 대응 AI 기본법 대응 및 이미지 워터마크 API 일괄 적용 등 신속한 로직 구현
UI 변경에 따른 잦은 API 수정 및 배포 병목 현상
기존 API 응답 구조에 UI가 강하게 결합되어 있어, 화면 변경 시 서버 배포가 동반되어야 하는 비효율 발생
복잡한 포매팅 로직으로 인한 클라이언트 성능 저하 및 번들 비대화
클라이언트에서 대량의 데이터를 매핑하고 가공함에 따라 로딩 지연 및 번들 사이즈 증가
글로벌 타입(Swagger) 에러의 연쇄 전파
단일 OpenAPI 스키마 의존으로 인해 한 필드의 변경이 전체 페이지의 타입 에러로 직결
Technologies
Work
- •AI 기반 일기 공감 시스템 개발 감정 분석과 키워드 추출로 AI 맞춤 답변 제공
- •크로스 플랫폼 모바일 앱 개발 Flutter로 단일 코드베이스 모바일 앱 개발
- •RTR(Refresh Token Rotation) 구현 RT 탈취 시 장기간 악용에 대한 보안 강화
FCM을 활용한 실시간 알림 기능 구현
공유 일기, 일정, 댓글 등 새로운 사용자 활동에 대한 실시간 피드백(알림) 부재
WebSocket 기반 실시간 채팅 기능 구현
사용자 간 실시간 소통 및 즉각적인 피드백(채팅) 부재로 인한 상호작용의 어려움
서버 아키텍처 최적화
클라이언트-DB 직접 연결로 인한 N+1 쿼리 이슈 & 코드 복잡도 증가 및 보안/확장성 취약
Technologies
Work
- •퍼블리싱 작업 Tailwind CSS로 Zeplin 시안 반응형 웹 퍼블리싱
- •Valtio를 활용한 효율적인 상태 관리 Valtio로 실시간 동기화 상태 관리 구현
- •NextAuth를 활용한 인증 시스템 구현 NextAuth로 로그인 인증 시스템 구현
Valtio를 활용한 전역 상태 관리 시스템 구축 및 아키텍처 최적화
컴포넌트 계층 구조가 깊어짐에 따라 상태를 전달하는 prop drilling이 빈번히 발생
- 컴포넌트 간 의존성↑ 유지보수와 재사용성↓
Technologies
Work
- •Passport를 활용한 소셜 로그인 기능 구현 카카오·로컬 소셜 로그인 기능 구현
- •RSO(Riot Sign On) 연동 라이엇 게임즈 OAuth 연동으로 게임 계정 인증 구현
- •드래그 앤 드롭을 통한 파일 업로드 기능 구현 React Dropzone으로 파일 업로드 구현
- •기브어웨이 즉시추첨 기능 구현 즉시추첨 기능으로 기브어웨이 UX 개선
- •PC방 전광판 개발 PC방 전용 전광판 페이지 개발 및 실시간 표시
Technologies
Work
- •이슈 관리 JIRA를 활용한 체계적 QA 이슈 관리로 버그 해결 프로세스 효율화
- •데이터 상태 관리 TanStack Query 도입으로 데이터 상태 관리 향상
프론트엔드 현대화: Trimou에서 Next.js 기반 아키텍처로 전환
기존 Trimou 시스템의 구조적 한계로 인한 유지보수성 및 확장성 저하, 개발 속도 지연 발생