미리보기

걸그룹 레드벨벳의 앨범 'The Red Summer - 빨간 맛'을 리디자인하여 시각적으로 다양한 즐길거리를 제공

✔ 배포 링크: red-flavor-diary.shop

✔ Github: https://github.com/chaevivin/RedFlavor

✔ 사용 스택: React, TypeScript, Redux, Styled-components, Firebase, Fabric.js, react-query

✔ 담당 업무 및 개선 사항

• 전체 시스템 개발 및 유지보수 담당
• 이미지 로딩 성능 최적화를 위해 미리 로딩하는 함수 구현하여, 이미지 로딩 시간을 약 50% 단축
• 음악 주파수 변화에 따른 인터페이스 반응을 개선하기 위해, useEffect 훅 대신 useLayoutEffect 훅을 활용하여 일관된 동작 보장
• iOS에서 발생한 transform 애니메이션 오류를 해결하여 원활한 작동 확보
• React 및 TypeScript 환경에서 자바스크립트 기반 라이브러리인 Fabric.js를 효율적으로 통합하여 Canvas 기반 프로젝트에 적합한 환경 조성
• 프론트엔드 1명, 디자이너 1명 (프론트엔드 담당)

네캔만원은 편의점 맥주의 다양한 정보를 제공하고 이를 기반으로 한 커뮤니티를 형성하여 맥주 구매 결정에 도움을 주는 서비스

✔ Github: https://github.com/Central-Heckaton/4can10000won

✔ 사용 스택: React, JavaScript, PostCSS, Java, Spring

✔ 담당 업무

• REST API를 사용하여 실시간으로 댓글과 대댓글을 작성/수정/삭제/확인 할 수 있는 리뷰 페이지 구현
• 사용자 경험을 개선한 별점 기능을 개발, ‘UX가 가장 뛰어난 애플리케이션’ 수상
• 맥주를 종류별로 확인할 수 있는 다중 선택 필터 기능 개발
• 리액트 라우터를 이용하여 즉각적인 페이지 전환으로 빠른 사용자 경험 제공
• 모바일 퍼스트 반응형 웹으로 구현
• 프론트엔드 2명, 백엔드 2명 (프론트엔드 담당)

• 기획자, 디자이너, PM, 프론트엔드,백엔드와 함께 프로젝트 진행 -> 참여 목표율 300% 초과 달성
• 두 번의 해커톤 참여 및 아이디어톤 참여
• 교내 대회에 참가하여 ‘UX가 가장 뛰어난 애플리케이션’ 수상
• MSW(Maple Story World) 해커톤에 참가하여 게임 제작

✔ 상세 활동 내용
블로그