Portfolio

• 동료 간 상호 코드 리뷰를 통한 협업 능력, 소통 스킬, 논리적 사고력 강화
• 피어 리뷰 문화에 참여하여 다양한 문제 해결 방식 습득 및 코드 품질 개선

• 실무 환경에서 프론트엔드 전반 역량 체계화
• SPA 설계, 테스트(Jest), Git 협업, 클라우드 배포 등 전 과정 경험

• 약 40명의 동아리원 행사 기획 및 세션 관리, 프론트엔드 교육 진행
• 해커톤 기획 및 참여, 주도적 커리큘럼 구성을 통한 리더십 향상

FE 3인, BE 2인, 디자이너 1인 · FE 리더

Github 스트릭에 영감을 받아 기획된 위치 인증 기반 도서관 출석 인증 서비스

• 프론트엔드 리더로서 기술 스택 선정, Git Flow 정립, 문서화 체계 구축
• React-Native CLI 배포 자료 부족 및 iOS 18 호환성 오류 해결
• 양대 스토어 배포 후 운영
• gluestack-ui v2 마이그레이션으로 성능 최적화 및 번들 사이즈 감소

FE 1인, BE 2인, 기획 1인, 디자이너 1인 · FE 개발

밸런스 게임을 통해 같은 학교의 성향이 비슷한 친구를 매칭해주는 서비스

• MSW로 백엔드 의존도 없이 프론트엔드 단독 개발
• 재사용 가능한 UI 요소와 레이아웃 구조 설계로 개발 속도 극대화
• Netlify를 통한 신속한 배포로 제한 시간 내 결과물 출시

FE 3인, BE 4인 · FE 개발

공유형 다이어리 꾸미기 서비스

• tldraw/@core 기반 커스텀 캔버스 렌더링 및 그리기 기능 구현
• Yjs를 활용한 실시간 데이터 동기화로 다중 사용자 협업 편집 구현
• MSW로 백엔드 개발 지연 상황에서도 프론트엔드 병렬 개발 수행

1인 개발 · 풀스택

Next.js 15 + WebGL 셰이더 기반 개인 기술 블로그 겸 포트폴리오

• WebGL 셰이더(Swirl + ChromaFlow) 배경으로 인터랙티브 랜딩 페이지 구현
• GSAP ScrollTrigger 기반 스크롤 연동 애니메이션 적용
• next-mdx-remote RSC 서버 사이드 MDX 렌더링으로 성능 최적화
• 다국어(KO/EN) 및 다크/라이트 테마 시스템 구축

1인 개발 · 풀스택

발로란트 전체 무기 스킨을 인터랙티브하게 탐색하는 컬렉션 페이지

• 홀로그래픽 3D 카드 인터랙션 및 마우스 추적 광택 효과 구현
• Valorant API 연동 및 빌드 타임 데이터 페칭으로 성능 최적화
• 티어·컬렉션 기반 이중 필터링 시스템 구현
• 크로마 변형 및 업그레이드 레벨 상세 모달 제공