오늘의 혼합주 OHZU
본인의 취향에 관심이 많고 혼합주를 선호하는 2030 세대를 위한
자신만의 혼합주 레시피와 비율을 공유하는 커뮤니티 입니다.
OHZU 둘러보기
OHZU GitHub
OHZU 프론트엔드 목표
직관적인 UX/UI 구성
•
페이지에 들어왔을 때, 5~10초 안에 어떤 컨셉의 서비스인지 유저가 인지할 수 있도록 할 것
•
어떤 버튼을 누르거나, 액션을 취할 때 유저가 예상하는 것들을 보여지도록 할 것
•
모바일 환경에서도 위와 같은 목표를 이루도록 할 것
OHZU 아키텍처 구성
OHZU 사용 스택 및 기술적 의사 결정
Library & Language
Next.Js
Axios
Tailwindcss
Firebase
Vercel
트러블 슈팅
Firebase Method로 검색 기능 구현
게시물 작성중 페이지 이동 방지
Dynamic Router 로 보내준 query 를 사용할 수 없는 문제
긴 로딩타임
서비스 성능개선
•
Next.js <Image>를 사용하여 이미지 최적화를 하여 Perfomance를 최대 30% 개선하였습니다.
•
<button>과 <Link> 태그에 고유한 aria-lable값을 부여하여 Accessibility를 최대 27% 개선하였습니다.
메인페이지
글쓰기페이지
상세페이지
마이페이지
유저페이지
팀 소개
# TEAM: OHZU
팀명 OHZU에는, 내일배움캠프의 기나긴 여정을 마무리하는 최종 프로젝트 5주의 기간 동안 모든 팀원들이 함께 최선을 다 하겠다는 의지를 담았습니다. 저희가 5조이기도 하고요! 저희 프로젝트 주제도 연상시킬 수 있는 팀명을 지어봤는데, 서비스 명도 동일하게 하기로 결정되었습니다!
# OHZU를 함께 만든 사람들
최영진 - 글 작성 페이지, 마이 페이지, 관리페이지
박휘인 - 로그인/회원가입 헤더/푸터
김동한 - 게시물 상세 페이지
김한울 - 메인 페이지
김희수 - 전체 UI 디자인