2023.07 - 2023.11 (2人 팀 프로젝트)
https://github.com/Mapdagu
매운맛 정보 조회하고 음식에 대한 평가를 기록하는 웹사이트
• 매운맛에 대한 지표가 정확하지 않아 불편을 느끼는 사람들을 위해 개발
• 최초 협업 경험 (Git)
• useContext를 활용한 전역 변수 관리
주요기능: 반응형 웹, 사용자 맵기 레벨 진단, 레벨별 매운 음식 조회 및 스코빌 지수 검색, 음식 평가 기록, 친구 기능
실전에서 배우는 것이 많다고 생각한 저는, 웹 개발 공부의 시작으로써 백엔드 개발을 공부하고 있던 지인과 팀을 꾸려 프로젝트를 진행하게 되었습니다. 일상 속에서 매운 음식을 접할 때 단계나 특정 상품과의 비교가 명시되어 있지만, 정확한 지표가 되는 수치가 제공되지 않아 같은 단계라 표시된 음식이더라도 가게마다 매운 정도가 달라 불편을 겪은 적이 있습니다. 이에 매운맛의 지표인 스코빌 지수 정보를 제공하는 사이트가 있다면 모두에게 유용할 것이라 생각했습니다.
• 서비스 구상 및 AI, 플로우 차트 등 기획
• 서비스 자료에 사용될 데이터 수집 및 관리
• 사용자 레벨 측정 알고리즘 설계
• 전체 페이지에 대한 UI 구현
• 사용자 친구 목록 내 친구 레벨 정보에 따라 데이터 정렬 및 그래프 구성
• 검색, 평가, 친구 기능 등에 대한 자체 API 연결
• useContext를 활용한 전역 변수 관리
기획부터 배포까지 참여한 첫 토이 프로젝트입니다. 처음 참여한 프로젝트로 여러 기능 구현에 어려움을 겪었지만 다양한 기술들을 직접 적용해보고 문제를 해결해 나가면서 큰 성취감을 느꼈으며, 끝내 개발을 마칠 수 있었습니다. 이 과정은 useContext와 useRef 등의 hook 사용과 API 활용에 익숙해질 수 있는 기회였습니다. 완벽하지 않았던 지식으로 시작한 프로젝트지만 문제에 직면하며 에러를 수정하고 기능을 구현해는 과정에서 이론만으로 공부하는 것 보다 더욱 효과적으로 웹 프론트엔드 지식을 키울 수 있었습니다.
React, JavaScript, CSS