국가 도시별 주요 관광지 안내 프로모션 페이지 - Nuua Travel Web
| 생성일 | |
|---|---|
| 태그 | CSSHTMLJavaScriptKotlinSpringBootmariaDBmySQLmybatisthemeleaf |
| 한 줄 설명 | 프로모션을 위한 단기 웹사이트 개발 |
| 개발 인원(역할) | 1명(기획 및 디자인), 1명(프론트엔드), 1명(프론트엔드 & 백엔드) |
💬 Summary
2022 카타르 월드컵이 뜨거웠을 시절, 저희는 카타르 여행 관련 홈페이지를 제작한 다음, 광고로 사용자에게 보여주었을 때, 어느 정도의 트래픽이 유입될 지 궁금하여 홍보 및 테스트 용으로 해당 웹페이지를 기획하였습니다.
마케팅 팀의 도움 아래, 카타르 관련 여행 데이터들을 모으고, 한달 간의 짧은 제작 기간동안 카타르의 관광지, 날씨 등을 담은 웹페이지를 여러 언어로 제작하였습니다.
✍️ 주요 기능
- 카타르의 주요 여행지 정보 제공
- 해당 관광지에 대한 사진 이미지 위주로 정보 제공
- 원하는 여행지 저장 기능
- 한국어, 영어, 중국어, 일본어 등 여러 가지 언어 지원
👀 나의 역할
프론트엔드
JavaScript, CSS, HTML, themeleaf
백엔드
SpringBoot, mybatis, Kotlin
DB
mariaDB, mySQL
📱 사용 기술 요소
- DB 스키마 설계를 통한 수집 필요 데이터 선정
- 마케팅 팀에서 제공한 여행 데이터, 및 이미지 데이터 DB화 작업
- SpringBoot를 이용한 웹서버 개발
- mybatis를 이용한 DB연동
- 날씨 API 연동을 통하여 날씨 데이터 수집
- ChartJS 라이브러리를 이용한 차트 구현
- HTML, CSS, JavaScript, themeleaf를 이용한 날씨 페이지 프론트엔드 구현
👩🎓 의미
- 첫 웹 개발 프로젝트로, 웹 개발 구조에 대한 깊은 이해
- 프론트엔드, 백엔드를 모두 경험하며 기술에 대한 깊은 이해
- 마케팅 팀과 협업하여 작업함으로써 의사소통 기술과 팀워크 상승
- 첫 DB 스키마 작업과 DB설계를 통한 효율적인 DB 구조 이해
- JavaScript, Kotlin, Java(일부)와 같이 여러 가지 언어를 동시에 사용함으로써 프로그래밍 언어 장벽 극복
- 처음 시작 기획부터 마지막 개발까지 처음부터 모두 참여한 프로젝트
🎯 결과 및 성과
- 내부 사정으로 최종 배포는 무산되었지만, 처음부터 끝까지 모든 개발 작업을 맡은 첫 웹서비스로서 유의미