프로젝트 설명

언론사에서 개발한 ETS 공식 모의고사 사이트입니다. 모의고사 강의 , 방문시험 , 단체응시 , 커뮤니티 / 이용후기 등을 운영하고 있습니다.

프론트엔드 개발자로 외주를 받아서 참여했고 로그인 ,장바구니,모의고사 토플 목록 페이지와 상세 페이지, 방문시험 페이지, 결제 확인 페이지 및 결제창 작업등을 담당했습니다.

Untitled

참조 링크

<aside> 💡 1. 웹 사이트 링크 https://etest.chosun.com/

</aside>

나의 담당 파트

<aside> 💡 ⭐️ 팀 구성 : 프론트엔드 2명, 백엔드 2명, 웹 퍼블리셔 1명, 디자인 3명 ⭐️ 나의 포지션 : 프론트엔드

</aside>

• 로그인 페이지

  

  <aside> 👉🏻 1. 로그인 API 연결 2. 유효성 검사 함수 / 모달창 함수 연결

  링크 : https://etest.chosun.com/page/login.html

  </aside>

• 모의토플 목록 페이지 / 상세페잊

  

  <aside> 👉🏻 1. 모의토플 목록 불러오기 API 연결 2. 로컬스토리지를 활용해 구매할 목록, 장바구니 목록 버튼 기능 만들기 3. 상세보기 버튼 기능 작업, ID 값을 사용해서 GET 방식으로 상세페이지로 연결하기

  링크 : https://etest.chosun.com/page/mock_toefl_complete_01.html

  </aside>

• 방문 시험 페이지

  

  <aside> 👉🏻 1. 방문시험 목록 API 연결 2. 원하는 방문시험 날짜와 볼륨 선택하면 가격 UI 표시 3. 구매하기 버튼 기능 → 클릭하면 구매 확인 페이지로 이동

  링크 : https://etest.chosun.com/page/mock_toefl_visit_test_01.html

  </aside>

• 장바구니

  

  <aside> 👉🏻 1. 장바구니 목록 조회 API 연결 2. 장바구니 목록 추가 API 연결 3. 장바구니 목록 수정 / 삭제 API 연결 4. 장바구니 목록 전체 삭제 5. 구매 항목 체크 , 체크한 항목만 구입 / 전체 구입 → 구매 확인 페이지로 이동

  링크 : https://etest.chosun.com/page/mypage_payment_cart.html

  </aside>

• 구매 확인 페이지

  

  

  <aside> 👉🏻 1. 최종 구매/결제할 상품 정보 목록 불러오기 2. 결제하기 버튼 → PC NHN KCP 결제창 연동

  링크 :https://etest.chosun.com/page/mypage_payment_confirm.html

  </aside>