---

Overview

• 프로젝트명: 호사로운(React 리팩토링)

• 기간: 2023.02.21. ~ 2023.02.24.

• 목표: 기존 호사로운(JS) 페이지를 React로 리팩토링 하였습니다.

• 배포주소: http://hosaroun.dothome.co.kr/

• 기존 페이지 Repository를 보고싶다면 여기를 참고하세요.

Introduction

기존 춘천 호사로운 팬션의 정보를 제공하는 웹 서비스를 React로 리팩토링 하였습니다.

주요 기능:

• 사진: 캐로셀 슬라이더를 이용해 다양한 사진을 효과적으로 제공합니다.

• 카카오맵 API: 카카오맵 API를 이용해 위치를 정확하게 표현하고, 지도보기와 길찾기 링크를 제공합니다.

Configuration

pc

Home.js	Overview.js	Photograph.js

Location.js	Booknow.js	Contactus.js

Mobile

Home.js	Overview.js	Photograph.js

Location.js	Booknow.js	Contactus.js

Roadmap

☑ REACT 리펙토링
☑ Copy alert(React Bootstrap)
☑ Carousel slider(React Bootstrap)
☑ Location map(Kakao map api)
☑ 현재 페이지 표시(React Router-dom)
☑ Responsive Web(CSS)
☑ Mobile sticky header(CSS)
☑ Mobile navigation box(React)
☑ PC navigation bar(React)
☑ CSS reset(styled-reset)
☑ Router(React Router-dom)
☐ 관리자 페이지
☐ CRUD 게시판

Stacks

• Environment

  • 
  • 
  • 

• Developement

  • FRONT-END
    • 
    • 
    • 

Browser Support

• 
• 
• 

Members

• HONG(FRONT-END)

  • GitHub: https://github.com/coldair426
  • Blog: https://velog.io/@coldair426
  • Mail: coldair426@gmail.com

---

Repository를 보고 싶다면 GitHub을 참고하세요.

---