Skip to content
parksaneon edited this page Mar 10, 2022 · 11 revisions

unknown

기존에 모바일 화면만 제공하는 야놀자 서비스를 데스크탑 화면으로 재구성한 서비스

시작하게 된 계기

  • 기존에 모바일 환경만 제공하여 데스크탑 사용자로서 불편함을 느낌
  • lighthouse 검사 결과 성능, 접근성 부분에서 낮은 수치로 검사돼 이것을 개선
    • 성능 : 사용되지 않는 js 코드 로드
    • 접근성 : 이미지 alt 어트리뷰트 부재, 포커스된 요소 시각적 확인 불가, 버튼에 식별 가능한 이름 부재

20220310_190638

사용 기술

20220310_190638 20220310_190638 20220310_190638 20220310_190638 20220310_190638 20220310_190638 20220310_190638 20220310_190638 20220310_190638 20220310_190638

프로젝트 목표

  • 타입스크립트를 통한 선언된 타입 환경에서의 안정적인 개발
  • 기존 서비스에서 아쉬운 사항을 개선하며 사용성 향상
  • 스프린트 단위의 목표 수립 및 프로젝트 진행
  • React를 통한 CDD 방식의 개발론 적용

Usecase

Untitled_Diagram drawio

UI 설계

메인 화면

검색 화면

상세 페이지 (객실)

상세 페이지 (편의시설)

상세 페이지 (후기)

예약 페이지

마이 페이지

후기 남기기

API

https://www.miricanvas.com/v/1xjyyg