크롤링을 활용한 Spring 영화 예매 사이트 구현하기(CGV CLONE)

프로젝트/미니 프로젝트

크롤링을 활용한 Spring 영화 예매 사이트 구현하기(CGV CLONE)

dhsdb1541@naver.com 2020. 3. 7. 21:44

GITHUB 주소(주요 commit은 다른 프로젝트에서 하다 옮겨서 commit 누적이 없다..)

https://github.com/loy124/CGV_Clone

loy124/CGV_Clone

Spring + mybatis + html + javascript + css CGV 사이트 크롤링을 활용한 영화예매(가상) 사이트 만들기 - loy124/CGV_Clone

github.com

제작기간 : 8일 정도 (주말 포함)

사용한 주요 기술: Spring, MyBatis, HTML, CSS, JAVASCRIPT

사용한 주요 라이브러리 :

Jsoup(크롤링), Gson(json변환), jQuery, toastr(notification), 아임포트(카카오페이), cookie 관련 라이브러리

사용한 프로그램: Aquery(DB제작 프로그램), 트렐로(구상), Vscode, Sts(eclipse)

주요 목적: 크롤링을 활용해 현재 상영중인 영화 정보가져오기, 예약기능및 카카오페이 모듈을 활용한 결제 시스템 구현하기(개발자용 테스트 모듈), 마이페이지에서 예약한 정보 가져오기

개발시 중점을 둔점:

제이쿼리를 최대한 활용하지 않으려고 애를 썼다. 쿠키와 ajax 부분을 제외하고는

전부 순수 자바스크립트(바닐라 자바스크립트)를 사용해서 하였다. 덕분에 자바스크립트랑 조금더 친해진 계기가 되었다.

스프링 기초 셋팅을 한 후에 가장 먼저 한 일은 크롤링이였다.

해당 홈페이지의 현재 상영 목록을 Jsoup을 활용해 크롤링으로 가져왔고

해당 내용을 담을 dto를 생성해서 담아 준후 list에 넣어줬다.

또한 해당 list들을

GSON 라이브러리를 통해 해당 크롤링 한 값들을 json 으로 변화 시켰고 해당 값들을 ajax로 값을 받아왔다

http://www.cgv.co.kr/movies/

무비차트 < 무비차트 | 영화 그 이상의 감동. CGV

1917 예매율16.3% 96% 2020.02.19 개봉 영화 찜하기 7,234명이 선택 예매

www.cgv.co.kr

해당 현재 상영중인 영화 사이트의 정보들을 크롤링 하였다

알림 부분은 전체적으로 alert 와 toastr을 활용하였다

https://codeseven.github.io/toastr/

Toastr by CodeSeven

toastr toastr is a Javascript library for Gnome / Growl type non-blocking notifications. jQuery is required. The goal is to create a simple core library that can be customized and extended. Demo Demo can be found at http://codeseven.github.io/toastr/demo.h

codeseven.github.io