프론트엔드 엔지니어

최종윤

책임감

협업 지향

분석적

꼼꼼함

커뮤니케이션

<h6>단장으로 자원하여 14명의 단원과 함께 4주 간 파견 후 현지 교육 봉사</h6><ul><li><p>2019 월드프렌즈 봉사단 최우수상 수상</p></li><li><p>현지 주민들 대상 앱인벤터 교육</p></li></ul>

KAIST 우간다 ICT 봉사단

<h6><a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/JYBESiU/graph-visualization">그래프 시각화 클라이언트</a>(React)와 <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/JYBESiU/graph-express">데이터 처리 서버</a>(Node.js)를 통한 시각화 시스템 구축</h6><ul><li><p>다양한 그래프 시각화 라이브러리들을 비교하고 Cytoscape.js 적용</p></li><li><p>시각화 구현에 필요한 API 설계 및 구현</p></li><li><p>브라우저에서의 대규모 데이터 렌더링 문제를 발견해 샘플링 방법 연구 및 적용</p></li><li><p>샘플링으로는 데이터의 패턴을 잃어버리는 한계 발견</p></li><li><p>다른 그래프 데이터 툴을 분석한 후 query 방식 변경 필요성 도출</p></li><li><p>pre defined query를 통해 시각화와 성능 분석</p></li></ul>

대규모 그래프 관계형 데이터베이스에서의 그래프 시각화 시스템

<h6>가족 간의 가치 강화를 위한 AI 추억 기록 서비스 &lt;<a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/JYBESiU/A12-Frontend">끼록</a>&gt; 프론트 개발</h6><ul><li><p>2박 3일 간 기획/디자이너, 백엔드, AI 개발자와 협업</p><p></p></li><li><p>Typescript, Next.js, next-pwa 사용</p><p></p></li><li><p>대화 주제를 제공하는 메인 페이지 개발</p></li><li><p>AI 챗봇과의 채팅 UI 개발</p></li><li><p>생성된 이야기를 볼 수 있는 보관함 기능 개발</p></li></ul>

SPARCS Service Hackathon 2024 우수상

<h6>매 주 새로운 팀원과 협업하여 서비스 개발</h6><ul><li><p>1주차 Android Native 학습 후 <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/JYBESiU/MadCamp_Week1">맛집 추천 앱</a> 구현</p></li><li><p>2주차 <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/JYBESiU/MadCamp_Week2">멀티 플레이 모바일 게임</a> 앱 프론트 구현, 금주의 픽 수상</p></li><li><p>3주차 React, Javascript 학습 후 <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/JYBESiU/Madstagram">SNS 서비스</a> 구현</p></li><li><p>4주차 <a target="_blank" rel="noopener noreferrer nofollow" href="https://github.com/JYBESiU/Madcamp-Project4">게임 웹 서비스</a> 제작, 멀티 플레이 게임 구현</p></li></ul>

몰입캠프

<h4>B2B 데이터 플랫폼 Zoomable 웹 서비스 프론트엔드 개발(산업기능요원 복무)</h4><h6>Next.js, Typescript, TurboRepo, Styled-component, SWR</h6><hr><h5>Wind - Workspace 기능 개발(2023.03 ~ 2023.07)</h5><ul><li><p>Gantt Chart 컴포넌트 개발(Context API, CSS 활용)</p></li><li><p>Amplitude 도입 후 custom hook 제작하여 페이지/세부 기능 별 유저 사용 빈도 추적</p></li></ul><h5>Zoomable 디자인 시스템 구축(2022.08 ~ 2022.11)</h5><ul><li><p>Storybook 도입으로 디자이너와 소통 효율성 향상</p></li><li><p>컴포넌트 주도 개발(Button, Dropdown, Input 등)</p></li><li><p>기존 사용 중이던 Chakra UI 모두 제거 후 내부 시스템으로 100% 전환</p></li><li><p>Worker, Admin 디자인&amp;컬러 통일성 개선</p></li></ul><h5>Worker 서비스 개발(2022.05 ~ 2022.08)</h5><ul><li><p>SWR 캐싱 문제 해결로 API call 50% 감소, 사진 로딩 속도 개선</p></li><li><p>canvas API 활용한 Blade Stitching View 로직 구현</p></li><li><p>Admin page 개발</p></li></ul><h5>Wind 신규 서비스 런칭(2021.11 ~ 2022.04)</h5><ul><li><p>대시보드, 갤러리, 통계 페이지 기능 개발</p></li><li><p>Yup을 이용한 api query validator 개발, api call error 감소</p></li></ul>