현대카드 페이지

현대카드 페이지 특징

1. hdc 확장자 파일
2. NodeJS 상에서 쓰이는 문법들이 쓰임
   ex) done(), ejs template done()은 NodeJS 모듈에 내재되어있는 메소드입니다.
   이름은 바뀌어도되고 역할은 단순히 함수가 끝났다는 걸 알려줍니다.
3. ajax로 달력데이터를 불러옴

아래는 일반 브라우저(로컬)에서 ejs 템플릿이 작동하는지에 대한 테스트.
vue나 react 처럼 ejs도 ejs 템플릿을 컴파일 할 수 있는 js와 같이 배포하면 일반 로컬 서버에서도 작동한다는 것을 알 수 있었습니다.

아래 예시들에 사용된 스크립트

• js/ejs.min.js
• js/commonCult.js
• js/commonDive.js
• js/common.js
• js/swiper.min.js
• js/jquery.selectbox-0.2.js
• js/jquery.keyframes.js
• js/jquery-1.12.4.min.js
• js/jquery.outback.js
• js/jquery.cookie.js

아래 예제는 commonCult.js의 150번째 줄( formSubmit: $.outback.formSubmit,)을 주석처리하고 봐야됩니다.

• 첫번째 예제
• 두번째 예제

로컬에서 테스트해보니 위와 같이 해당 파일들을 불러올 수 없다고 뜹니다.
해당 파일들은 ajax로 데이터값을 읽어오는 파일들입니다.

이런식으로 ajax로 읽어오는데 문제는 해당 파일의 내용을 확인할 수가 없습니다.
현대카드의 해당 경로로 들어가면 페이지가 없다고 나옵니다.
다만 아래 사진처럼 달력 데이터를 해당 페이지에서 파라미터 데이터를 post 방식으로 불러와 뿌려준다는 것만 어렴풋이 알 수 있었습니다.