전국에서 진행 또는 예정된 축제를 찾아보거나 캘린더에 등록하고, 다녀와서 스탬프까지 보상으로 제공하는 서비스입니다. 반응형 css 및 Animation 동작구현과 함께 전반적인 UI/UX 구축을 담당했으며, kakao map API 를 이용한 지도 안내 서비스 및 상세페이지, 캘린더 페이지, 날씨 API 를 통한 서비스 축제위치 날씨 제공 등을 도맡아 진행하였습니다.
PWA를 통해 빌드해보면서 앞으로 웹 생태계가 뻗어나갈 무한한 가능성과 확장성을 몸소 체감할 수 있었습니다.
현재는 AWS EC2 서버 이슈로 API를 불러오지 않고있습니다.
저작권이 없는 노카피라이트 음원을 스트리밍 할 수 있으며,자신만의 플레이리스트를 만들어서 다른사람들과 공유할 수 있는 스트리밍 서비스입니다. 이론만 들어 감이 오지않던 타입스크립트를 직접 도입해 본 첫 프로젝트이며, 이외에도 전역상태관리, OAuth 2.0 등의 개념을 한 번 더 깊게 다질 수 있었습니다. 스타일드 컴포넌트를 이용하여 재사용성 높은 스타일드컴포넌트를 설계를 해 볼 수 있었고, 동적 스타일링 및 조건부 스타일링을 경험하면서 좋은 UI/UX에 대해 고민하는 계기도 되었습니다. 어떤 기능을 구현하냐보다, 사용자의 사용성에 집중해보며 유저친화적인 서비스를 설계하기위해 고민할 수 있었던 좋은 기회였다고 생각합니다.
주요기능
음원 스트리밍,음원 다운로드,음원 태그에 따라 분류 및 서칭,플레이리스트 CRUD플레이리스트 댓글 CRUD,음원이 영상에 어울리는지 핏을 확인하는 믹싱페이지
- 깃허브 주소
GitHub
URL
서비스 임시종료 (aws 이슈)
Stack
React, TypeScript, Recoil, Styled-components, axios
Deployment
AWS S3, AWS CloudFront
프로필 업로드에 얼굴을 공개하기 꺼려워하는 사람들을 위한 서비스로, 귀여운 동물 이미지를 생성하는 프로젝트입니다. 프론트엔드 개발과 캐릭터 디자인 기획에 참여하여, 랜덤 요소 적용, 레어 요소 설정, 이미지 저장 등의 기능을 구현했습니다. 주요 개발과정은 블로그에 공유되어 있으며, 프로젝트를 통해 전반적인 성능 최적화를 진행했습니다. 코드 최적화와 리소스 최적화를 통해 라이트하우스 성능 개선을 달성하고, 사용자 중심의 디자인을 강조하며 프로젝트 성과로는 200명 이상의 실제 사용자 경험과 37건의 피드백, 유지보수 경험을 얻었습니다. 특히, 사용자 입장에서의 개발 고민을 통해 팀원과의 커뮤니케이션과 고객 니즈 파악의 중요성을 깨달았습니다.