Tourist in Tour

Tourist in Tour 바로가기

사이트 설명

이 사이트는 해외, 국내의 여행지를 소개하고 티켓 및 여행지 가이드를 제공하는 사이트로써 소비자에게 필요한 정보를 제공하는데에 목적이 있다.

사이트 제한사항

먼저 이 사이트는 프론트로 작업하여 마무리 되었으며 동적인 동작이나 백엔드의 관리가 들어가있지 않은 목업용 사이트이다.
사이트로써 기능이 구현이 안되는 것은 다음과 같다.

• 로그인, 회원가입 기능
• 공지사항과 index홈페이지의 연동
• 공지사항 글쓰기, 수정, 지우기
• 내 정보 받아오기
• 티켓구매
• 롤링페이지의 구동
• 카카오, 메신저 고객센터 서비스 구현

따라서 사이트를 제작할때 위의 사항을 염두해 두고 제작하였으며 비록 구동은 안되지만 구동을 하기위한 준비를 하였다.(동적으로 전환 시 다음 사진을 미리 저장)

사이트 제작의 의의

이 사이트를 제작할 때는 다양한 css 기능을 구현해보고 비교적 최근 기술인 media query를 활용하여 반응형 홈페이지로 제작하였다.
또한 css를 작성하기 위해 다양한 선택자를 활용해보고 html을 이용해 서브페이지까지 구현해 보았다. 다만 pwa로 작성되지 않아 페이지 간 이동은 새로고침이 일어나 다소 사진을 불러오거나 동작을 하는데 로딩 시간이 존재한다.

코드 보기

코드가 매우 길어 본 블로그에서 보기에는 부적절하다고 생각하여 git link로 대체한다.

코드보러가기