1분 미만의 짧은 영상을 활용한 지역관광 서비스
- 23.09.14~09.24 (1주)
- ICT이노베이션 스퀘어 AI해커톤 대회 - 데이터를 활용한 관광 서비스 개발 분야 1등 상 수상(강원정보문화산업진흥원장상 수상)
-
react-query: 클라이언트쪽 데이터가 아닌 서버쪽 데이터 관리를 더 원활하게 하기위해 사용 리액트쿼리 코드를 사용 시 길게 작성해야 하는 기존 코드들을 짧은 코드로 대체하여 복잡한 설정없이 사용을 용이하게 해주며, 데이터 관리 및 캐싱도 효율적으로 관리하게 해주는데 데이터 업데이트 및 지연 로딩, 메모리 관리 등 옵션들을 통해 유지보수를 편하게 해줌
-
Styled Components: "Styled Components"는 컴포넌트 기반으로 스타일을 정의하므로, 각 컴포넌트에 필요한 스타일을 함께 정의하고 유지할 수 있음 스타일을 JavaScript 코드 내에서 작성하므로 변수, 조건문, 반복문 등을 활용하여 동적으로 스타일을 생성할 수 있고 컴포넌트에서 사용되는 색상, 글꼴 등의 테마 정보를 쉽게 관리할 수 있음
-
Redux-toolkit: 전역적으로 관리해야 하는 데이터가 있었고, 컴포넌트 구조가 복잡하다 보니 리덕스로 상태관리를 해야 데이터를 활용하기 좋을 것 같았음. npm trends 지표에서 보면 리코일은 편하지만 아직 이슈도 많고, 정식버전이 배포되지 않은 배타이다. 그리고 리덕스를 배우면 리코일은 상대적으로 배우기 쉽고, 기본적으로 많은 기업들에서 리덕스구조의 보일러플레이트가 이미 잡혀있기 때문에 리덕스를 더 사용하고 있고, 회사에 입사했을 때 당황하지 빠르게 적응할 수 있을 것 같아서 리덕스를 선택하였음.
‘이번에 여행가는 곳엔 어떤 핫플들이 있을까?’ 유튜브 인스타 등의 대형 플랫폼에서도 위치를 기준으로 보여주는 영상들은 없기에 직접 만들어 봤습니다.
✅ 영상이 많이 올라온 곳을 한눈에 확인할수 있어 그 지역의 핫플레이스를 확인 할 수 있어요!
✅ 한국관광 데이터랩의 신뢰성있는 지역관광 정보를 지도 화면으로 한눈에 확인할 수 있어요!
✅ 중독성 있는 숏폼 영상을 통한 지역 홍보가 가능합니다!
✅ 좋아요와 댓글기능으로 유저간의 소통이 가능합니다!
FE / React 최은지
FE / React 이남규