포트폴리오 키오스크 작업물 통합

root/ ├── index.html (메인)

├── 📂img

└──📂 wepPage-main/ (폴더)

└──📂 pdfReader-main/ (폴더)

└──📂 imageView-main/ (폴더)

└──📂 busTerminal-main/ (폴더)

└──📂 gasGs20230324-main/ (폴더)

└──📂 fastFood-main/ (폴더)

└──📂 foodkiosk-main/ (폴더)

└──📂 ktx-main/ (폴더)

UI/UX: CSS3, SCSS, Responsive Design

Development: HTML5 (Semantic Markup), Vanilla JavaScript (ES6+)

Tools: Git/GitHub (Version Control), adobeXD, VS Code

📂 busterminal

당일/예매발권 선택 -> 도착 터미널 선택 -> 배차 선택(빨간색버튼) -> 모달화면클릭 -> + 아이콘 선택해서 0을 1로 만듬 -> 좌석 숫자 선택 ->선택완료 버튼 선택 -> 카드 결제 선택 -> 확인 -> 확인 -> 확인 -> 체험 종료

📂 fastfood

시작하기 -> 카드 선택 -> 메뉴중 택 1 -> 버거만 선택-> 결재하기선택 -> 포장 -> 선택 없음 -> 신용/체크카드 -> 확인 -> 발행/미발행 중택 1 -> 체험 종료

시작하기 -> 카드 선택 -> 메뉴중 택 1 -> 세트로 선택-> 세트_디저트중 택 1 -> 세트_드링크 중 택 1 -> 결제하기 선택 -> 포장 -> 선택 없음 -> 신용/체크카드 -> 확인 -> 발행/미발행 중택 1 -> 체험 종료

📂 foodkiosk

시작하기 -> 식사메뉴 그림 아이콘 중 택 1 -> 결제 -> 신용카드 -> 결제 -> 테이블 번호 입력 후 확인 -> 영수증 출력 -> 결제완료 확인 -> 체험 종료

📂 gasStation

시작하기 -> 주유하기전 3 동안 터치or마우스 왼쪽 클릭 -> 유종 선택 -> 신용카드 선택 -> 주유금액량 선택 -> 왼쪽 마그네틱 카드 선택 -> 신용카드 선택 -> 확인 -> 일시불/할부 선택 -> 주유 그림 선택 -> 예/ 아니오중 택 1 -> 화면선택 -> 체험 종료

📂 ktx

승차권 구매 -> 출발역 선택 -> 도착역 선택 -> 출발일 선택 -> 열차 시간 선택 -> KTX- 산천 선택 -> 인원 선택 -/+ -> 확인 -> 좌석방향 선택 -> 좌석종류 선택 ->열차 조회하기 선택 -> 일반식 우등실 중 택1 -> 열차예매하기 -> 신용카드 선택 -> 승차권인쇄 -> 확인 -> 체험 종료