Download - Socar.kr 을 모티브로 만든 포트폴리오
![Page 1: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/1.jpg)
![Page 2: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/2.jpg)
Socar 프로젝트 제안서
Smart Web&App Course
팀장 : 장종익
팀원 : 신재현 , 황성호 , 김동혁
최경욱 , 안창규
![Page 3: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/3.jpg)
3
목 차
1. 개발시스템 개요
2. 기능 구성
3. 요구사항 및 설계
4. 결론
![Page 4: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/4.jpg)
4
1. 개발시스템 개요
• 쏘카 (Socar) 란 ?웹 사이트 , 스마트폰 어플리케이션을 통해 카셰어링 서비스 시스템을 지원하는 기업 . • 카셰어링 (carsharing) 이란 ?자동차를 빌려 쓰는 방법 중의 하나이다 . 보통 회원제로 운영되며 , 주로 시간 단위로 필요한 만큼만 쓰고 차를 갖다주는 방식으로 장기간 동안 이용한다 . 시간 단위로 빌리기 때문에 간단하게 장을 볼 때나 짐을 옮길 때 등 종종 벌어지는 간단한 상황에서 이용할 수 있다 .
![Page 5: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/5.jpg)
5
2. 기능구성 기능개요
• 기능 설명
찾기 · 예약
대여일 , 반납일을 선택
대여할 지역 검색
조건에 일치하는 대여 차량을 제공
쿠폰 북 화면
예약내역 화면
결제내역 화면
관리자 모드 화면
![Page 6: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/6.jpg)
Project Manager장 종 익
6
![Page 7: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/7.jpg)
7
3. 데이터베이스 구현 (ERD)
![Page 8: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/8.jpg)
8
3. 화면구현 UI
• Main 화면
![Page 9: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/9.jpg)
9
3. 화면구현 UI
• 서비스안내 – 이용방법
![Page 10: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/10.jpg)
10
3. 화면구현 UI
• 요금안내
![Page 11: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/11.jpg)
Member Part신 재 현
11
![Page 12: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/12.jpg)
3. Member 요구사항 확인
회원가입 회원가입시 ID, 비밀번호 , 전화번호 , 주소 , 면허번호 , 면허 만료일 , 면허 발급일 , 결제카드 정보를 입력받는다 . ID 중복방지를 위한 중복체크를 한다 . ID 는 4~20 자로 제한하며 , 영어 대 , 소문자와 숫자만 입력받는다 . 사용하려는 비밀번호 확인을 위해 재입력을 입력받아 , 일치여부를 검사한다 . 비밀번호는 4~20 자로 제한하며 영어대 , 소문자 , 숫자 , 특수문자 [! @ # $ % ^ & * ( )] 만 입력받는다 . 결제카드는 1 개만 등록할 수 있다 . 결제카드 등록시 개인카드 , 법인카드 종류를 구분하여 등록할 수 있다 . 이미 등록된 카드번호를 중복해서 등록할 수 없다 . 운전면허 , 결제카드 정보는 선택사항으로 , 등록을 원하지 않으면 바로 회원가입 할 수 있다 .
로그인 ID 와 비밀번호를 입력하여 로그인 할 수 있다 . ID 혹은 비밀번호가 일치하지 않으면 로그인을 할 수 없다 .
내 정보 수정 마이페이지에서 내 정보를 확인 및 수정할 수 있다 . 수정할 수 있는 내용은 비밀번호 , 전화번호 , 주소 , 면허정보 , 결제카드가 있다 . 비밀번호는 input 태그의 type 을 password 로 처리하여 * 로 출력한다 . 회원가입시 등록하지 않은 운전면허 , 결제카드 정보를 등록할 수 있다 . 이미 등록된 카드번호를 중복해서 등록할 수 없다 .
회원탈퇴 마이페이지에서 회원탈퇴 버튼을 클릭하여 회원탈퇴를 수행한다 .
12
![Page 13: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/13.jpg)
3. Member 데이터베이스 구현 (ERD)
13
![Page 14: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/14.jpg)
14
3. 데이터베이스 설계도 주요 테이블명세서
• Member 테이블
No 컬럼 자료형 PK FK N·N
Default DESC
1 ID varchar(20)
○ ○ 아이디
2 NAME varchar(20)
○ 이름
3 PW varchar(20)
○ 비밀번호
4 PHONE varchar(13)
○ 전화번호
5 ADDRESS varchar(255)
○ 주소
6 LICENSE_TYPE varchar(30)
면허종류
7 LICENSE_NUM varchar(20)
면허번호
8 LICENSE_START Date 면허 발급일
9 LICENSE_END Date 갱신만료일
10 BIRTH varchar(8) ○ 생년월일
11 GENDER varchar(10)
○ 성별
12 EMAIL varchar(50)
○ 이메일
![Page 15: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/15.jpg)
15
3. 데이터베이스 설계도 주요 테이블명세서
• Card 테이블
No 컬럼 자료형 PK FK N·N
Default DESC
1 CARD_NUM varchar(20)
○ ○ 카드번호
2 CARD_PW varchar(20)
카드 비밀번호
3 CARD_MONTH varchar(2) ○ 만료 월
4 CARD_YEAR varchar(4) ○ 만료 년
5 BUSINESS_NUM varchar(20)
사업자 번호
6 ID varchar(20)
○ ○ ID
![Page 16: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/16.jpg)
16
3. Member 데이터베이스 구현 (SQL)
![Page 17: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/17.jpg)
17
3. Member 데이터베이스 구현 (SQL)
![Page 18: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/18.jpg)
18
3. Card 데이터베이스 구현 (SQL)
![Page 19: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/19.jpg)
19
3. Card 데이터베이스 구현 (SQL)
![Page 20: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/20.jpg)
20
3. 화면구현 UI
• 로그인 화면
![Page 21: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/21.jpg)
21
3. 화면구현 UI
• 회원 가입 화면
![Page 22: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/22.jpg)
22
3. 화면구현 UI
• 마이페이지 - 내 정보
![Page 23: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/23.jpg)
23
3. 어플리케이션 구현
![Page 24: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/24.jpg)
24
3. 어플리케이션 구현
![Page 25: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/25.jpg)
25
3. 어플리케이션 구현
![Page 26: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/26.jpg)
26
3. 어플리케이션 구현
![Page 27: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/27.jpg)
27
3. 어플리케이션 구현
![Page 28: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/28.jpg)
28
3. 어플리케이션 구현
![Page 29: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/29.jpg)
29
3. 어플리케이션 구현
![Page 30: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/30.jpg)
30
3. 어플리케이션 구현
![Page 31: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/31.jpg)
31
3. 어플리케이션 구현
![Page 32: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/32.jpg)
32
3. 어플리케이션 구현
![Page 33: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/33.jpg)
33
3. 어플리케이션 구현
![Page 34: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/34.jpg)
34
3. 어플리케이션 구현
![Page 35: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/35.jpg)
35
3. 어플리케이션 구현
![Page 36: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/36.jpg)
36
3. 어플리케이션 구현
![Page 37: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/37.jpg)
37
3. 어플리케이션 구현
![Page 38: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/38.jpg)
38
3. 어플리케이션 구현
![Page 39: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/39.jpg)
39
3. 어플리케이션 구현
![Page 40: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/40.jpg)
40
3. 어플리케이션 구현
![Page 41: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/41.jpg)
41
3. 어플리케이션 구현
![Page 42: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/42.jpg)
42
3. 어플리케이션 구현
![Page 43: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/43.jpg)
43
3. 어플리케이션 구현
![Page 44: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/44.jpg)
44
3. 어플리케이션 구현
![Page 45: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/45.jpg)
45
3. 어플리케이션 구현
![Page 46: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/46.jpg)
46
3. 어플리케이션 구현
![Page 47: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/47.jpg)
47
3. 어플리케이션 구현
![Page 48: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/48.jpg)
48
3. 어플리케이션 구현
![Page 49: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/49.jpg)
49
3. 어플리케이션 구현
![Page 50: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/50.jpg)
50
3. 어플리케이션 구현
![Page 51: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/51.jpg)
51
3. 어플리케이션 구현
![Page 52: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/52.jpg)
52
3. 어플리케이션 구현
![Page 53: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/53.jpg)
53
3. 어플리케이션 구현
![Page 54: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/54.jpg)
54
3. 어플리케이션 구현
![Page 55: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/55.jpg)
55
3. 어플리케이션 구현
![Page 56: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/56.jpg)
56
3. 어플리케이션 구현
![Page 57: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/57.jpg)
57
3. 어플리케이션 구현
![Page 58: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/58.jpg)
58
3. 어플리케이션 구현
![Page 59: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/59.jpg)
59
3. 어플리케이션 구현
![Page 60: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/60.jpg)
60
3. 어플리케이션 구현
![Page 61: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/61.jpg)
61
3. 어플리케이션 구현
![Page 62: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/62.jpg)
62
3. 어플리케이션 구현
![Page 63: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/63.jpg)
63
3. 어플리케이션 구현
![Page 64: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/64.jpg)
64
3. 어플리케이션 구현
![Page 65: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/65.jpg)
65
3. 어플리케이션 구현
![Page 66: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/66.jpg)
66
3. 어플리케이션 구현
![Page 67: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/67.jpg)
67
3. 어플리케이션 구현
![Page 68: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/68.jpg)
68
3. 어플리케이션 구현
![Page 69: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/69.jpg)
69
3. 어플리케이션 구현
![Page 70: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/70.jpg)
70
3. 어플리케이션 구현
![Page 71: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/71.jpg)
71
3. 어플리케이션 구현
![Page 72: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/72.jpg)
72
3. 어플리케이션 구현
![Page 73: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/73.jpg)
73
3. 어플리케이션 구현
![Page 74: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/74.jpg)
74
3. 어플리케이션 구현
![Page 75: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/75.jpg)
75
3. 어플리케이션 구현
![Page 76: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/76.jpg)
76
3. 어플리케이션 구현
![Page 77: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/77.jpg)
77
3. 어플리케이션 구현
![Page 78: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/78.jpg)
78
3. 어플리케이션 구현
![Page 79: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/79.jpg)
79
3. 어플리케이션 구현
![Page 80: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/80.jpg)
80
3. 어플리케이션 구현
![Page 81: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/81.jpg)
81
3. 어플리케이션 구현
![Page 82: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/82.jpg)
82
3. 어플리케이션 구현
![Page 83: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/83.jpg)
83
3. 어플리케이션 구현
![Page 84: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/84.jpg)
84
3. 어플리케이션 구현
![Page 85: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/85.jpg)
85
3. 어플리케이션 구현
![Page 86: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/86.jpg)
86
3. 어플리케이션 구현
![Page 87: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/87.jpg)
87
3. 어플리케이션 구현
![Page 88: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/88.jpg)
88
3. 어플리케이션 구현
![Page 89: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/89.jpg)
89
3. 어플리케이션 구현
![Page 90: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/90.jpg)
90
3. 어플리케이션 구현
![Page 91: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/91.jpg)
91
3. 어플리케이션 구현
![Page 92: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/92.jpg)
92
3. 어플리케이션 구현
![Page 93: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/93.jpg)
93
3. 어플리케이션 구현
![Page 94: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/94.jpg)
94
3. 어플리케이션 구현
![Page 95: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/95.jpg)
95
3. 어플리케이션 구현
![Page 96: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/96.jpg)
96
3. 어플리케이션 구현
![Page 97: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/97.jpg)
97
3. 어플리케이션 구현
![Page 98: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/98.jpg)
98
3. 어플리케이션 구현
![Page 99: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/99.jpg)
99
3. 어플리케이션 구현
![Page 100: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/100.jpg)
100
3. 어플리케이션 구현
![Page 101: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/101.jpg)
101
3. 어플리케이션 구현
![Page 102: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/102.jpg)
102
3. 어플리케이션 구현
![Page 103: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/103.jpg)
103
3. 어플리케이션 구현
![Page 104: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/104.jpg)
104
3. 어플리케이션 구현
![Page 105: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/105.jpg)
Admin Part안 창 규
105
![Page 106: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/106.jpg)
3. 관리자모드 요구사항 확인
관리자모드는 ID : admin, PW : admin 으로 로그인하여 접근할 수 있다 . 관리자모드에서 사용할 수 있는 기능은 공지사항 , 1 대 1 문의 & 답변 , 차량관리 , 쿠폰관리가 있다 . 공지사항을 고객센터와 동일하게 리스트로 확인할 수 있으며 , 공지사항을 작성할 수 있다 . 공지사항 작성 시 제목 , 내용을 입력받는다 . 사용자들이 전송한 1 대 1 문의 내역을 확인할 수 있다 . 차량관리는 현재 등록되어있는 차량을 확인할 수 있다 . 차량등록시 차량번호 , 대여지역 , 차량명 , 유종 , 옵션 , 대여요금 , 주행요금 , 차량이미지를 입력받는다 . 차량등록시 차량번호 중복체크를 해야하며 , 중복되는 차량번호는 등록할 수 없다 . 쿠폰관리는 현재 등록되어있는 쿠폰을 확인할 수 있다 . 쿠폰관리에 리스트로 등록되어있는 쿠폰의 이미지를 클릭하여 쿠폰을 수정할 수 있다 . 쿠폰의 수정할 수 있는 사항은 사용조건 , 상세설명이 있다 . 쿠폰등록시 쿠폰명 , 발급기간 , 유효기간 , 사용조건 , 상세설명 , 할인조건 (- 혹은 %), 할인수치 , 쿠폰수량 , 쿠폰 이미지를
입력받는다 . 쿠폰이미지를 등록하지 않으면 'default.png' 이미지를 사용하여 기본이미지로 등록한다 .
106
![Page 107: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/107.jpg)
3. 관리자모드 데이터베이스 구현 (ERD)
107
![Page 108: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/108.jpg)
108
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 109: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/109.jpg)
109
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 110: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/110.jpg)
110
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 111: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/111.jpg)
111
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 112: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/112.jpg)
112
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 113: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/113.jpg)
113
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 114: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/114.jpg)
114
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 115: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/115.jpg)
115
3. 관리자모드 데이터베이스 구현 (SQL)
![Page 116: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/116.jpg)
116
3. 화면구현 UI
• 관리자모드 - 공지사항
![Page 117: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/117.jpg)
117
3. 화면구현 UI
• 관리자모드 – 공지사항 등록 화면
![Page 118: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/118.jpg)
118
3. 화면구현 UI
• 관리자모드 – 문의 & 답변
![Page 119: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/119.jpg)
119
3. 화면구현 UI
• 관리자모드 – 차량관리
![Page 120: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/120.jpg)
120
3. 화면구현 UI
• 관리자모드 – 차량관리 등록 화면
![Page 121: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/121.jpg)
121
3. 화면구현 UI
• 관리자모드 – 쿠폰관리
![Page 122: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/122.jpg)
122
3. 화면구현 UI
• 관리자모드 – 쿠폰관리 등록 화면
![Page 123: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/123.jpg)
123
3. 어플리케이션 구현
![Page 124: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/124.jpg)
124
3. 어플리케이션 구현
![Page 125: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/125.jpg)
125
3. 어플리케이션 구현
![Page 126: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/126.jpg)
126
3. 어플리케이션 구현
![Page 127: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/127.jpg)
127
3. 어플리케이션 구현
![Page 128: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/128.jpg)
128
3. 어플리케이션 구현
![Page 129: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/129.jpg)
129
3. 어플리케이션 구현
![Page 130: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/130.jpg)
130
3. 어플리케이션 구현
![Page 131: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/131.jpg)
131
3. 어플리케이션 구현
![Page 132: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/132.jpg)
132
3. 어플리케이션 구현
![Page 133: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/133.jpg)
133
3. 어플리케이션 구현
![Page 134: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/134.jpg)
134
3. 어플리케이션 구현
![Page 135: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/135.jpg)
135
3. 어플리케이션 구현
![Page 136: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/136.jpg)
136
3. 어플리케이션 구현
![Page 137: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/137.jpg)
137
3. 어플리케이션 구현
![Page 138: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/138.jpg)
138
3. 어플리케이션 구현
![Page 139: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/139.jpg)
139
3. 어플리케이션 구현
![Page 140: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/140.jpg)
140
3. 어플리케이션 구현
![Page 141: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/141.jpg)
141
3. 어플리케이션 구현
![Page 142: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/142.jpg)
142
3. 어플리케이션 구현
![Page 143: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/143.jpg)
143
3. 어플리케이션 구현
![Page 144: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/144.jpg)
144
3. 어플리케이션 구현
![Page 145: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/145.jpg)
145
3. 어플리케이션 구현
![Page 146: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/146.jpg)
146
3. 어플리케이션 구현
![Page 147: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/147.jpg)
147
3. 어플리케이션 구현
![Page 148: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/148.jpg)
148
3. 어플리케이션 구현
![Page 149: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/149.jpg)
149
3. 어플리케이션 구현
![Page 150: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/150.jpg)
150
3. 어플리케이션 구현
![Page 151: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/151.jpg)
151
3. 어플리케이션 구현
![Page 152: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/152.jpg)
152
3. 어플리케이션 구현
![Page 153: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/153.jpg)
153
3. 어플리케이션 구현
![Page 154: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/154.jpg)
154
3. 어플리케이션 구현
![Page 155: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/155.jpg)
155
3. 어플리케이션 구현
![Page 156: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/156.jpg)
156
3. 어플리케이션 구현
![Page 157: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/157.jpg)
157
3. 어플리케이션 구현
![Page 158: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/158.jpg)
158
3. 어플리케이션 구현
![Page 159: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/159.jpg)
Customer Part황 성 호
159
![Page 160: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/160.jpg)
3. Customer 요구사항 확인
공지사항 고객센터 - 공지사항에서 공지사항을 확인할 수 있다 . 공지사항 게시는 관리자만이 가능하다 . 공지사항 게시물을 제목으로 검색할 수 있다 . 공지사항 리스트는 게시물 고유번호 , 제목 , 게시날짜를 출력한다 . 공지사항 리스트에서 제목을 클릭하면 게시물 내용을 확인할 수 있다 . 게시물에서는 제목 , 게시날짜 , 게시 내용을 확인할 수 있다 . 게시물 내용 화면에서 목록보기 버튼을 클릭하여 공지사항 리스트로 이동할 수 있다 . 메인 화면에 가장 최근에 등록된 공지사항 5 개를 제목으로 리스트를 출력하며 , 제목을 클릭하면 게시물 내용을 확인할 수 있다 .
1 대 1 문의하기 문의분류 , 제목 , 내용 , 첨부파일을 입력하여 관리자에게 1 대 1 문의를 전송할 수 있다 . 1 대 1 문의하기의 제목은 100 자로 제한한다 .
자주 묻는 질문 자주 묻는 질문의 카테고리 별로 확인할 수 있다 . 자주 묻는 질문을 제목 및 내용으로 검색할 수 있다 .
160
![Page 161: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/161.jpg)
3. Customer 데이터베이스 구현 (ERD)
161
![Page 162: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/162.jpg)
162
3. Customer 데이터베이스 구현 (Table)
No 컬럼 자료형 PK FK N·N
Default DESC
1 CUSTOMER_SEQ BIGINT ○ ○ 고유번호
2 CATEGORY varchar(40)
○ 카테고리
3 TITLE varchar(255)
○ 제목
4 CONTENT TEXT ○ 내용
5 ANSWER TEXT 답변
6 FILE_NAME varchar(20)
이미지 이름
7 ROLE varchar(20)
○ 종류구분
8 REG_DATE varchar(20)
○ 등록일
9 ID varchar(20)
○ ○ ID
![Page 163: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/163.jpg)
163
3. Customer 데이터베이스 구현 (SQL)
![Page 164: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/164.jpg)
164
3. Customer 데이터베이스 구현 (SQL)
![Page 165: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/165.jpg)
165
3. Customer 데이터베이스 구현 (SQL)
![Page 166: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/166.jpg)
166
3. 화면구현 UI
• 고객센터 - 공지사항
![Page 167: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/167.jpg)
167
3. 화면구현 UI
• 고객센터 – 자주 묻는 질문
![Page 168: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/168.jpg)
168
3. 화면구현 UI
• 고객센터 - 자주 묻는 질문
![Page 169: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/169.jpg)
169
3. 화면구현 UI
• 고객센터 - 자주 묻는 질문
![Page 170: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/170.jpg)
170
3. 화면구현 UI
• 고객센터 - 자주 묻는 질문
![Page 171: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/171.jpg)
171
3. 화면구현 UI
• 고객센터 - 자주 묻는 질문
![Page 172: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/172.jpg)
172
3. 화면구현 UI
• 고객센터 - 자주 묻는 질문
![Page 173: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/173.jpg)
173
3. 화면구현 UI
• 고객센터 - 자주 묻는 질문
![Page 174: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/174.jpg)
174
3. 화면구현 UI
• 고객센터 - 자주 묻는 질문
![Page 175: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/175.jpg)
175
3. 어플리케이션 구현
![Page 176: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/176.jpg)
176
3. 어플리케이션 구현
![Page 177: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/177.jpg)
177
3. 어플리케이션 구현
![Page 178: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/178.jpg)
178
3. 어플리케이션 구현
![Page 179: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/179.jpg)
179
3. 어플리케이션 구현
![Page 180: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/180.jpg)
180
3. 어플리케이션 구현
![Page 181: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/181.jpg)
181
3. 어플리케이션 구현
![Page 182: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/182.jpg)
182
3. 어플리케이션 구현
![Page 183: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/183.jpg)
183
3. 어플리케이션 구현
![Page 184: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/184.jpg)
184
3. 어플리케이션 구현
![Page 185: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/185.jpg)
185
3. 어플리케이션 구현
![Page 186: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/186.jpg)
186
3. 어플리케이션 구현
![Page 187: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/187.jpg)
187
3. 어플리케이션 구현
![Page 188: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/188.jpg)
188
3. 어플리케이션 구현
![Page 189: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/189.jpg)
189
3. 어플리케이션 구현
![Page 190: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/190.jpg)
190
3. 어플리케이션 구현
![Page 191: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/191.jpg)
191
3. 어플리케이션 구현
![Page 192: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/192.jpg)
192
3. 어플리케이션 구현
![Page 193: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/193.jpg)
193
3. 어플리케이션 구현
![Page 194: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/194.jpg)
194
3. 어플리케이션 구현
![Page 195: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/195.jpg)
195
3. 어플리케이션 구현
![Page 196: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/196.jpg)
196
3. 어플리케이션 구현
![Page 197: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/197.jpg)
197
3. 어플리케이션 구현
![Page 198: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/198.jpg)
198
3. 어플리케이션 구현
![Page 199: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/199.jpg)
199
3. 어플리케이션 구현
![Page 200: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/200.jpg)
200
3. 어플리케이션 구현
![Page 201: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/201.jpg)
Coupon Part최 경 욱
201
![Page 202: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/202.jpg)
3. Coupon 요구사항 확인
쿠폰 북 사용자가 쿠폰을 받을 수 있다 . 쿠폰은 수량이 있으며 남은 수량이 0 이하면 해당 쿠폰은 받을 수 없다 . 사용자가 이미 소지한 쿠폰은 사용을 하더라도 다시 받을 수 없다 . 쿠폰별로 개수 , 쿠폰이름 , 발급기간 , 유효기간 , 사용조건을 출력한다 . 자세히 버튼을 클릭하면 쿠폰의 사용조건 , 상세설명을 출력한다 .
내 쿠폰 현재 소지하고 있는 쿠폰은 마이페이지 - 내 쿠폰에서 확인할 수 있다 . 내 쿠폰에서 확인할 수 있는 사항은 쿠폰 명 , 쿠폰 상세설명 , 유효기간 , 사용 상태 여부가 있다 . 차량을 예약할 때 소지중인 쿠폰을 사용하여 대여 요금을 할인 받을 수 있으며 , 사용한 쿠폰은 사용불가 상태가 된다 . 예약취소시 사용한 쿠폰을 환불 받을 수 있다 .
202
![Page 203: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/203.jpg)
3. Coupon 데이터베이스 구현 (ERD)
203
![Page 204: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/204.jpg)
204
3. Coupon_master 데이터베이스 구현 (Table)
No 컬럼 자료형 PK FK N·N
Default DESC
1 COUPON_MASTER_SEQ
BIGINT ○ ○ 고유번호
2 COUPON_NAME varchar(255)
○ 쿠폰이름
3 OPEN_START_DATE
DATE ○ 발급시작일
4 OPEN_END_DATE DATE ○ 발급종료일
5 EP_DATE DATETIME ○ 유효기간
6 OPTION_HEADER varchar(255)
○ 쿠폰사용조건
7 OPTION_DETAIL TEXT ○ 쿠폰상세설명
8 IMG_NAME varchar(20)
○ default.png 이미지 이름
9 DC_OPTION varchar(255)
○ 할인 방식
10 DC INT ○ 할인 수치
11 COUPON_COUNT INT ○
![Page 205: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/205.jpg)
205
3. Coupon_member 데이터베이스 구현 (Table)
No 컬럼 자료형 PK FK N·N
Default DESC
1 COUPON_MEMBER_SEQ
BIGINT ○ ○ 고유번호
2 USE_FLAG varchar(1) ○ N 쿠폰사용여부
3 COUPON_MASTER_SEQ
BIGINT ○ ○ COUPON_MASTER 고유번호
4 ID varchar(20)
○ ID
![Page 206: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/206.jpg)
206
3. Coupon 데이터베이스 구현 (SQL)
![Page 207: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/207.jpg)
207
3. Coupon 데이터베이스 구현 (SQL)
![Page 208: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/208.jpg)
208
3. 화면구현 UI
• 쿠폰 북 -1
![Page 209: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/209.jpg)
209
3. 화면구현 UI
• 마이페이지 - 내 쿠폰
![Page 210: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/210.jpg)
210
3. 화면구현 UI
• 쿠폰 북 -2
![Page 211: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/211.jpg)
211
3. 어플리케이션 구현
![Page 212: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/212.jpg)
212
3. 어플리케이션 구현
![Page 213: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/213.jpg)
213
3. 어플리케이션 구현
![Page 214: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/214.jpg)
214
3. 어플리케이션 구현
![Page 215: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/215.jpg)
215
3. 어플리케이션 구현
![Page 216: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/216.jpg)
216
3. 어플리케이션 구현
![Page 217: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/217.jpg)
217
3. 어플리케이션 구현
![Page 218: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/218.jpg)
218
3. 어플리케이션 구현
![Page 219: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/219.jpg)
219
3. 어플리케이션 구현
![Page 220: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/220.jpg)
220
3. 어플리케이션 구현
![Page 221: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/221.jpg)
221
3. 어플리케이션 구현
![Page 222: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/222.jpg)
222
3. 어플리케이션 구현
![Page 223: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/223.jpg)
223
3. 어플리케이션 구현
![Page 224: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/224.jpg)
224
3. 어플리케이션 구현
![Page 225: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/225.jpg)
Booking & Payment Part김 동 혁
225
![Page 226: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/226.jpg)
3. Booking & Paymnet 요구사항 확인
쏘카 찾기 /예약 지역을 확인할 수 있게 지도를 화면상에 출력한다 . 지도는 Google Map 을 사용한다 . 대여일 반납일 , 지역 , 차종을 입력하고 조건에 만족하는 차량을 출력하여 원하는 차량을 예약할 수 있다 . 대여하려는 차량의 대여날짜가 중복이 되면 예약이 불가능하며 , 차량 목록에 출력하지 않는다 . 예약내역은 마이페이지 - 예약 내역에서 확인할 수 있다 . 예약내역에서 확인할 수 있는 사항은 예약 고유 번호 , 차량 명 , 차량 번호 , 대여일 , 총 대여일 , 대여 지역 , 결제 요금 , 결제
상태가 있다 . 예약하기시 , 쿠폰을 사용하여 할인 받은 대여금액을 바로 결제한다 . 결제하지 않은 예약내역은 취소할 수 있으며 , 예약에 사용한 쿠폰은 환불된다 . 카드가 등록 되어있지 않으면 결제를 할 수 없다 .
결제 결제내역은 마이페이지 - 결제내역에서 확인할 수 있다 . 결제내역에서 확인할 수 있는 사항은 결제일 , 결제수단 , 결제금액이 있다 .
226
![Page 227: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/227.jpg)
3. Booking & Paymnet 데이터베이스 구현 (ERD)
227
![Page 228: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/228.jpg)
228
3. 데이터베이스 설계도 주요 테이블명세서
• Car 테이블
No 컬럼 자료형 PK FK N·N
Default DESC
1 CAR_SEQ BIGINT ○ ○ 고유번호
2 CAR_NUM DATETIME ○ 차량번호
3 CAR_TYPE DATETIME ○ 차량종류
4 OIL_TYPE BIGINT ○ 유종
5 CAR_OPTION BIGINT 차량옵션
6 SOCAR_ZONE varchar(20)
○ 대여지역
7 RENT_AMT INT ○ 대여요금
8 DRIVE_AMT Varchar(2) ○ 주행요금
9 CAR_IMG 이미지이름
![Page 229: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/229.jpg)
229
3. 데이터베이스 설계도 주요 테이블명세서
• Rent 테이블
No 컬럼 자료형 PK FK N·N
Default DESC
1 RENT_SEQ BIGINT ○ ○ 예약번호
2 START_DATE DATETIME ○ 대여일
3 END_DATE DATETIME ○ 반납일
4 CAR_SEQ BIGINT ○ ○ 차량고유번호
5 COUPON_MASTER_SEQ
BIGINT ○ 쿠폰고유번호
6 ID varchar(20)
○ ○ 아이디
7 PRICE INT ○ 예약금액
8 STATUS Varchar(2) ○ N 결제상태
![Page 230: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/230.jpg)
230
3. 데이터베이스 설계도 주요 테이블명세서
• Payment 테이블
No 컬럼 자료형 PK FK N·N
Default DESC
1 PAYMENT_SEQ BIGINT ○ ○ 고유번호
2 PAYMENT_DATE DATETIME ○ 결제날짜
3 PAYMENT_AMT INT ○ 결제금액
4 RENT_SEQ BIGINT ○ ○ RENT 고유번호
5 CARD_NUM varchar(20)
○ ○ 카드번호
6 ID varchar(20)
○ ○ 아이디
![Page 231: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/231.jpg)
231
3. Bookgin & Payment 데이터베이스 구현 (SQL)
![Page 232: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/232.jpg)
232
3. Bookgin & Payment 데이터베이스 구현 (SQL)
![Page 233: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/233.jpg)
233
3. Bookgin & Payment 데이터베이스 구현 (SQL)
![Page 234: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/234.jpg)
234
3. 화면구현 UI
• 찾기 · 예약 화면 – 검색 전
![Page 235: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/235.jpg)
235
3. 화면구현 UI
• 찾기 · 예약 화면 – 검색 후
![Page 236: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/236.jpg)
236
3. 화면구현 UI
• 찾기 · 예약 화면 – 예약 진행화면
![Page 237: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/237.jpg)
237
3. 화면구현 UI
• 찾기 · 예약 화면 – 예약 완료화면
![Page 238: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/238.jpg)
238
3. 화면구현 UI
• 마이페이지 - 예약내역
![Page 239: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/239.jpg)
239
3. 화면구현 UI
• 마이페이지 - 결제내역
![Page 240: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/240.jpg)
240
3. 어플리케이션 구현
![Page 241: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/241.jpg)
241
3. 어플리케이션 구현
![Page 242: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/242.jpg)
242
3. 어플리케이션 구현
![Page 243: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/243.jpg)
243
3. 어플리케이션 구현
![Page 244: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/244.jpg)
244
3. 어플리케이션 구현
![Page 245: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/245.jpg)
245
3. 어플리케이션 구현
![Page 246: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/246.jpg)
246
3. 어플리케이션 구현
![Page 247: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/247.jpg)
247
3. 어플리케이션 구현
![Page 248: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/248.jpg)
248
3. 어플리케이션 구현
![Page 249: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/249.jpg)
249
3. 어플리케이션 구현
![Page 250: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/250.jpg)
250
3. 어플리케이션 구현
![Page 251: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/251.jpg)
251
3. 어플리케이션 구현
![Page 252: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/252.jpg)
252
3. 어플리케이션 구현
![Page 253: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/253.jpg)
253
3. 어플리케이션 구현
![Page 254: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/254.jpg)
254
3. 어플리케이션 구현
![Page 255: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/255.jpg)
255
3. 어플리케이션 구현
![Page 256: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/256.jpg)
256
3. 어플리케이션 구현
![Page 257: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/257.jpg)
257
3. 어플리케이션 구현
![Page 258: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/258.jpg)
258
3. 어플리케이션 구현
![Page 259: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/259.jpg)
259
3. 어플리케이션 구현
![Page 260: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/260.jpg)
260
3. 어플리케이션 구현
![Page 261: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/261.jpg)
261
3. 어플리케이션 구현
![Page 262: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/262.jpg)
262
3. 어플리케이션 구현
![Page 263: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/263.jpg)
263
3. 어플리케이션 구현
![Page 264: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/264.jpg)
264
3. 어플리케이션 구현
![Page 265: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/265.jpg)
265
3. 어플리케이션 구현
![Page 266: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/266.jpg)
266
3. 어플리케이션 구현
![Page 267: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/267.jpg)
267
3. 어플리케이션 구현
![Page 268: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/268.jpg)
268
3. 어플리케이션 구현
![Page 269: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/269.jpg)
269
3. 어플리케이션 구현
![Page 270: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/270.jpg)
270
3. 어플리케이션 구현
![Page 271: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/271.jpg)
271
3. 어플리케이션 구현
![Page 272: Socar.kr 을 모티브로 만든 포트폴리오](https://reader038.vdocuments.net/reader038/viewer/2022102516/589b33141a28ab22038b45bf/html5/thumbnails/272.jpg)
272
4. 결론
• 주요 기능
AjaxJsonTiles , no TilesMybatisGoogle API(Map)MySqlBootStrapetc...