미리보기

Overview

숫자의 합이 10이 되도록 스낵을 클릭하여 점수를 얻는 게임

Tech Stack

React TypeScript Tailwind CSS Recoil React-query Pixi.js i18next

Experience

• 서비스 페이지 UI 디자인 및 개발

• Pixi.js 기반의 게임 UI 컴포넌트 구현

• i18next를 이용한 다국어 지원 기능 구현 (한국어/영어)

• Lighthouse, WebPageTest를 활용한 성능 최적화

  • 이미지 최적화로 랜딩 페이지의 FCP, LCP를 40% 이상 개선

Link

• Web, iOS, Android 플랫폼에서 서비스 중

• GitHub Repository

Overview

숭실대학교 교내 동아리 Yourssu의 개발 생산성 향상을 위한 디자인 시스템

Tech Stack

React TypeScript Storybook styled-components Context API ts-pattern

Experience

• W3C의 ARIA Authoring Practices Guide를 준수한 접근성 중심 컴포넌트 개발

• 타입 안정성을 위한 제네릭 타입 기반 Tabs 컴포넌트용 커스텀 훅 구현

• UI 구조의 관리 효율성을 위한 Compound Composite 패턴 적용

• Storybook, MDX 기반의 사용자 문서 작성 및 관리

• GitHub Actions를 이용한 라이브러리 및 사용자 문서 배포 자동화

Link

• GitHub Repository

Overview

교내 축제에서 400명 이상의 참여를 이끌어낸 동물 캐릭터 기반 데이팅 서비스

Tech Stack

React TypeScript Tailwind CSS Recoil React-query

Experience

• 서비스 페이지 UI 버그 수정 및 개발

• Multi-step form 처리를 위한 커스텀 훅 구현

• JWT 재발급 및 에러 처리를 위한 Axios Interceptor 구현

• GitHub Actions를 이용한 배포 자동화

Link

• GitHub Repository

개발자 커뮤니티 DEVOCEAN에서 주관하는 OpenLab 스터디 프로그램 2기에 참여했습니다.

• ChatGPT를 활용한 웹프론트엔드 성능 최적화 스터디 (인원 11명)

  • <프론트엔드 성능 최적화 가이드> 도서 기반 발표 스터디

• 제 7회 DEVOCEAN 테크 데이에서 발표를 진행했습니다.

  • <웹 프론트엔드 성능 최적화 적용하기> (발표자 3인)

IT 연합 동아리 구름톤 유니브 3기에서 Web-Frontend 파트로 활동했습니다.

• kakao x goorm 주최 해커톤 '단풍톤' 참여

  • 외국인 노동자의 권리 증진을 위한 커뮤니티 서비스 개발

  • 협업을 위한 Pull requests, Issues, commit message 규칙 수립

• goorm KDC - 'AI 모델 웹 서비스 만들기' 강의 수료

  • Django 기반 웹 서비스 구현