안녕하세요! 조익준입니다.
📌 사용자 경험을 중점적으로 웹페이지 성능을 최적화하고 유연한 소프트 스킬로 팀에 잘 스며드는 프론트엔드 개발자
💡 Executive Summary
팀과 함께 성장하는 개발자 조익준입니다.
UI/UX를 고려한 개발을 중요하게 생각하며, React, Next.js, TypeScript를 중심으로 성능 최적화와 디자인 시스템 구축에 관심이 많습니다.
현재는 유리프트 Product 팀에서 프론트엔드 엔지니어로 코딩밸리 서비스를 운영하고 있습니다.
이전에는 프로그래머스 프론트엔드 데브코스 교육을 수료하며 3번의 팀 프로젝트에서 팀장 역할을 수행했습니다.
개발자의 커뮤니케이션에 대해 고민하며 "개발관계론"이라는 주제로 발표를 해본 경험이 있습니다.
🛠 Key Tech Stack
Next.jsTypeScriptZustandfirebasehygraph(graphQL)tailwindcss
💼 경력 & 교육
유리프트 Product 팀
2024.07 ~ 현재
주요 담당 업무
코딩밸리 서비스 웹페이지 랜딩화 및 고도화
- 강의 무료체험을 위한 무료체험 페이지 구현으로 사용자 전환율 25% 향상
- 마케팅 전략 및 기획에 맞는 신규 페이지 및 LDM(홍보) 페이지 구현 및 개선
- 이미지 및 동영상 최적화를 통한 LCP 3.71초 > 1.14초 단축 경험
- 기존 웹페이지를 웹뷰로 구현하여 네이티브 앱에서도 동일한 서비스 제공
- 고객 인바운드를 반영한 코딩밸리 서비스 UI 개선
코딩밸리 PC 웹앱 전환 프로젝트
- 기존 네이티브 앱 내 강의, 커뮤니티 기능을 웹앱으로 구현
- 크로스 플랫폼 지원으로 사용자 접근성 확대
- 반응형 디자인 적용으로 다양한 디바이스 환경 지원
기술 스택
Next.jsTypeScripttailwindcssfirebasehygraph(graphQL)playwrightVercel
프로그래머스 프론트엔드 데브코스
2023.09 ~ 2024.03
주요 활동 및 성과
팀 프로젝트 리더십
- 3개의 팀 프로젝트에서 팀장 역할 수행 (AlgoBaro, Styled, Notion 클로닝)
- Git Flow 기반 브랜치 전략 수립으로 팀 개발 프로세스 표준화
- 코드 리뷰 문화 정착 및 팀 협업 효율성 향상
기술 스터디 및 지식 공유
- TypeScript 스터디 진행 및 딥다이브 발표
- “개발관계론” 발표를 통한 팀 커뮤니케이션 개선
- UI 컴포넌트 라이브러리 개발 및 문서화
🚀 핵심 프로젝트
Why - 문제 상황
매일 반복되는 "뭐 먹지?" 고민과 선택 장애로 인한 시간 소모, 그리고 현재 위치 주변의 맛집 정보를 찾기 어려운 문제가 있었습니다.
How - 해결 방법
- 위치 기반 서비스: 사용자의 현재 위치를 기반으로 주변 음식점 검색
- 랜덤 추첨 시스템: 선택 장애 해결을 위한 메뉴 및 음식점 랜덤 추천
- 직관적인 UI/UX: 간단한 클릭만으로 메뉴를 결정할 수 있는 사용자 친화적 인터페이스
- 실시간 검색: 카테고리별 음식점 검색 및 필터링 기능
Result - 성과
- 사용자 결정 시간 단축 - 복잡한 고민 없이 즉시 메뉴 결정 가능
- 위치 기반 맞춤 추천으로 접근성 높은 맛집 발견
- 반응형 웹 디자인으로 모바일/데스크톱 환경 모두 지원
사용 기술
Next.jsTypeScriptGeolocation APINaver Map APITailwindCSS
Why - 문제 상황
기존 코딩 테스트 플랫폼들이 개별 학습에만 집중하여, 팀원들과 함께 문제를 해결하고 코드 리뷰를 통해 학습하는 환경이 부족
How - 해결 방법
- 실시간 협업: WebSocket 기반 그룹 스터디 채팅 시스템 구현
- 코드 리뷰: 팀원 간 코드 공유 및 피드백 기능 개발
- 개발 효율성: 공용 API 인스턴스로 팀 개발 속도 40% 향상
- 사용자 경험: Code Mirror 기반 실시간 코드 에디터 구현
Result - 성과
- 팀 개발 효율성 40% 향상 (공용 API 설정으로)
- 실시간 협업 기능으로 사용자 참여도 증대
- 반응형 디자인으로 모바일 접근성 100% 지원
사용 기술
ReactTypeScriptReact QueryWebSocketCode MirrorZustandStyled-Components
Why - 문제 상황
기존 패션 플랫폼들의 느린 로딩 속도와 단조로운 UI로 인해 사용자 이탈률이 높았습니다. 특히 이미지 중심의 SNS에서 최적화된 사용자 경험이 필요
How - 해결 방법
- 성능 최적화: React Query 캐싱으로 데이터 로딩 최적화
- UX 개선: 스켈레톤 UI와 무한 스크롤로 매끄러운 경험 제공
- 이미지 최적화: 지연 로딩과 미리보기로 로딩 속도 개선
- 반응형 설계: 모바일 퍼스트 접근으로 다양한 기기 지원
Result - 성과
- 페이지 로딩 속도 60% 향상 (React Query 캐싱)
- 사용자 경험 개선으로 체류 시간 증가
- 모바일 최적화로 크로스 플랫폼 사용성 확보
사용 기술
ReactTypeScriptReact QueryStyled-ComponentsZustandInfinite Scroll
🏆 자격증 & 수상 이력
🥇 DACON 공모전 1등
월간 데이콘 KOSPI 기반 분석 시각화 경진대회 (2022.11)
📈 데이터 분석 및 시각화 역량 인정
📜 SQLD 자격증
한국데이터산업진흥원 (2022.12)
🗃️ SQL 및 데이터베이스 활용 능력 보유
🎓 학력
🏛️ 성균관대학교
전자전기공학부 학사 (2022.02 졸업)