미리보기
기본 정보
사용자가 직접 웹과 앱에서 상호작용하며 가치를 얻어가는 경험을 만드는 것이 가장 큰 즐거움입니다. 끊임없는 성장과 배움을 통해 더 나은 사용자 경험을 제공하는 데 집중하며, React와 React Native를 활용한 서비스 개발 및 최적화에 강점을 가지고 있습니다. 빠르게 변화하는 환경에서도 유연한 문제 해결 능력을 바탕으로, 효율적인 개발과 협업을 이끌어 갑니다. 프론트엔드 개발자로서 UI/UX 개선, 성능 최적화, 실시간 데이터 통신에 대한 깊은 이해를 바탕으로 높은 품질의 서비스를 제공하는 것에 집중하고 있습니다.
기술 스택
React, TypeScript, Next.js, Git, Webpack, Babel, React Native
프로젝트
WAG(실시간 채팅을 활용한 웹 양세찬 게임)
팀 프로젝트
2024.02. ~ 진행 중
팀구성 5명(프론트엔드 3명, 백엔드 2명)
목적 : 동아리방에서 종이를 자르며 양세찬 게임을 진행하다 웹으로 서비스화
기술 스택 : Typescript, React, TailwindCSS, STOMP, websocket
주요 기여 사항
사용자 피드백을 반영하여 반응형 UI/UX 개선, 모바일 사용성을 대폭 향상
SEO 최적화 및 성능 개선: 시맨틱 태그 활용 및 최적화를 통해 검색 트래픽 50% 증가
게임 기능 추가: '다른 색 찾기' 게임을 도입해 유저 체류 시간 증가
실시간 웹소켓 통신 구축: STOMP를 활용해 게임방 별 실시간 소켓 통신 구현
WABI (교내 이벤트 체크인 시스템)
팀 프로젝트
2024.06. ~ 2024.12.
팀 프로젝트 (프론트엔드 4명, 백엔드 3명, 기획 1명)
기술 스택: TypeScript, React, Styled-components, React-query
주요 기여 사항
QR 코드 스캔 기능 구현: React-query를 활용하여 체크인 리스트의 효율적인 상태 관리 및 최적화
대량의 QR 요청 최적화: Lodash 라이브러리를 활용하여 디바운싱 및 성능 최적화
Moadong(부경대학교 동아리 지원 및 관리 시스템)
팀 프로젝트
2025.01. ~ 진행 중
기술 스택 : Typescript, React, Styled-components, React-query, Webpack, StoryBook
주요 기여사항
UI 컴포넌트의 재사용성을 높이기 위해 Storybook을 활용하여 컴포넌트 문서화
React-query를 활용하여 서버 상태 관리 및 데이터 요청 최적화
Webpack 및 Babel을 활용하여 코드 번들링 최적화, 서비스 성능 향상
포트폴리오
URL
대외활동
2024 모배디 해커톤 경진대회 (대상)
내용: GPT 이미지 분석을 활용하여 사용자 맞춤 부산 여행 경로 추천 스마트 여행 도우미 개발
카카오 맵 API 및 카카오 모빌리티 API 활용하여 사용자가 원하는 여행지까지의 경로를 시각화하는 기능 개발
📅 2024.11.02 (1박 2일)
2025 라이프스타일 스마트 가전 메이커톤 (대상)
📅 2025.02.04 ~ 2025.02.07
내용: Arduino, React-Native, Edge Impulse를 활용하여 음성 AI 기반 블루투스 스마트 조명 개발 담당
React Native를 활용하여 모바일에서 블루투스 조명 컨트롤이 가능하도록 구현
음성 AI 기술을 접목하여 IoT 디바이스와 앱의 상호작용
2024 지역 사회 문제 해결을 위한 연합 해커톤 (장려상)