항공권 옵션 선택#  출발지/도착지 선택 기능  - https://young0105.tistory.com/262  - 반대 취항지에 이미 선택한 공항을 선택하면 alert 메세지를 던지고 실행을 취소함 #  날짜 선택  - datepicker 활용  - 가는 날을 먼저 선택해야 오는 날을 선택할 수 있음      → 가는 날 이전인 날을 선택하면 실행을 취소함  - 오는 날이 입력된 상태에서 가는 날을 수정할 때, 오는 날 이후인 날을 선택하면 실행을 취소함  - 현재 날짜보다 이전 날짜를 선택하면 실행을 취소함  - 왕복 ↔ 편도 선택을 변경할 때, 가는 날은 그대로 남아서 넘어가도록 함      ex) 왕복 : 가는 날 2023-06-13, 오는 날 2023-06-14            → 편도 :..

출발지/도착지 선택 기능#  자동 완성  - AJAX 통신을 이용해서, input에 값을 입력할 때마다 일치하는 공항이 있는지 확인함  - 공항을 클릭하면 출발지/도착지 input 태그에 값이 입력됨  - 공백은 입력되지 않도록 함 (입력될 때마다 공백을 빈 문자열로 변환) #  목록에서 직접 선택  - '전체 공항 조회'를 누르면 전체 지역/공항 목록을 볼 수 있는 모달창이 출력됨  - AJAX 통신을 이용해서, 지역 이름을 누를 때마다 포함되어 있는 공항 목록이 출력됨  - 공항을 클릭하면 출발지/도착지 input 태그에 값이 입력됨 #  출발지 ↔ 도착지 스왑 기능

동적인 레이아웃 구현지금까지는 레이아웃을 만들 때 자바스크립트는 전혀 사용하지 않았었는데, 이번에는 활용해보았다.  로그인/로그아웃 기능 구현예매 기능을 만들 때 회원 정보가 필요해서 비밀번호 인코딩 없이 간단하게 만들어두었다.

좌석 선택 기능  - 해당 항공 스케줄에 운항하는 비행기에 존재하는 좌석 리스트를 가져와서 출력함  - 구매자가 미리 선택한 좌석 수만큼 선택 가능  - 해당 스케줄에 이미 예약된 좌석은 선택 불가능  - 좌석 선택 시 그 좌석에 대한 데이터를 불러옴 (AJAX 통신)      · 좌석 번호      · 좌석 등급      · 가격  - 가격 결정 로직      · 해당 항공 스케줄의 운항 시간에 따라, 이코노미 좌석 기준 가격이 정해짐      · 비즈니스 좌석은 기본 가격의 4배      · todo) 승객의 연령에 따라 가격 조정

팀 프로젝트 주제항공사 홈페이지 개발 프로젝트 기간2023/05/12 ~ 2023/06/07 (변동될 수 있음) 깃허브 주소https://github.com/seoyounglee0105/green_airline_project 데이터베이스 관련MyBatis초반에는 H2 Database를 사용하고, 나중에 샘플 데이터가 준비되면 MySQL로 전환할 예정 협업 툴Jira  국비지원교육 마지막 팀 프로젝트 주제로 항공사 홈페이지를 하게 되었다. 마지막 프로젝트인 만큼, 팀원 모두 자랑할 만한 주요 기능 하나씩은 맡을 수 있게 주요 기능을 4가지 정했다.주요 기능부터 개발한 후, 자잘한 기능들도 분담해서 진행할 예정이다.나는 우선 항공권 예약 + 결제 기능을 맡았다. 주요 기능#  항공권 예약 + 결제  - 왕복..