Information Technology WEBlog

Apache 설치방법 보기

Apache 웹서버에 SSL를 적용하기 위해 아래 두 항목이 웹서버에 설치되어 있어야 합니다.

- Openssl 암호화 라이브러리

- Mod_ssl 모듈

​

위 두 항목이 웹서버에 설치되어 있다면 개인키를 생성하고 생성된 개인키를 바탕으로 CSR 파일을 생성합니다.

생성된 CSR 파일을 한비로에 접수하여 정식 인증서를 발급받습니다.

발급된 인증서를 웹서버에 설치하게 되면 SSL 설정을 완료하게 됩니다.

​

위 일련의 진행사항은 아래와 같은 절차를 따르게 됩니다.

1. openssl 라이브러리 설치상태 확인

2. mod_ssl 모듈 설치상태 확인

3. 개인키 생성

4. CSR 생성

5. 한비로에 접수

6. 정식 인증서 발급

7. SSL 설정

​

​

1. Openssl 라이브러리 설치상태 확인

​

먼저 SSL를 설치하고자 하는 웹서버에 openssl 라이브러리 설치상태를 find 명령어를 활용하여 아래와 같이 확인합니다.

위와 같은 값을 보인다면 openssl 라이브러리 모듈은 rpm으로 설치된것입니다.

만약에 경로가 /usr/local 아래 있다면 모듈은 소스로 설치된 것입니다.

rpm으로 설치된 것이라면 rpm -qa 명령어를 사용하여 openssl-devel 설치여부도 함께 점검합니다. 버전에 따라 라이브러리 버전이 아래보이는 값과 차이가 있을수 있습니다.

​

Openssl 은 암호화 처리를 위한 독립 모듈로 최신버젼으로 설치하는 것을 권장합니다.

​

​

2. Mod-ssl Openssl 라이브러리 설치상태 확인

​

Openssl 과 마찬가지로 웹서버의 mod_ssl 설치여부를 점검합니다.

Apache 웹서버는 두가지 방식으로 모듈설치를 지원하고 있습니다. 정적과 동적인 방식으로 정적으로 설치된 경우는 아파치의 재설치까지 요구되며 동적인 경우는 손쉽게 모듈 설치가 가능합니다.

Apache 가 /usr/local 아래 설치된 것을 기준으로 아래와 같은 방식으로 확인합니다.

​

정적으로 설치된 mod_ssl 모듈확인

동적으로 설치된 mod_ssl 모듈확인

웹서버에 설치된 모듈중 mod_so.c 를 먼저 확인후 동적으로 설치된 모듈중 mod_ssl.so 를 확인합니다.

동적으로 설치된 경우 apache 설치 디렉토리의 module 이나 libexec 디렉토리내에 mod_ssl.so 의 존재여부를 확인합니다.

​

3. 개인키 생성

​

Openssl 명령어를 이용하여 웹서버의 RSA키( 2048비트 암호화 )를 생성합니다. ( sslhanbiro.key 는 임의로 지정된 키값입니다. 원하는 이름으로 키를 생성합니다. )

패스워드를 지정하게 됩니다. 이때 입력된 패스워드는 차후 여러차례 사용되므로 본인만이 알 수 있는 패스워드로 지정해 주시는 것이 좋습니다.

윈도우 아파치 이용하실 경우 '-des3' 구문은 제외하시기 바랍니다.

이때 생성되는 개인키는 반드시 백업을 받아놓고 사용하는 것이 좋습니다.

생성된 키는 아래와 같이 확인이 가능합니다. 패스워드를 확인 하는데 이때는 키생성시 입력한 패스워드를 입력합니다.

개인키 생성까지 완료되면 이제 CSR 생성을 하게됩니다.

​

​

4. 인증요청서( CSR ) 생성

​

*발급이 완료된 인증서는 재발급 또는 변경이 불가하므로 CSR 생성시 절대 주의 바랍니다.

​

☞ CSR ( Certificate Signing Request ) 이란?

​

SSL 서버를 운영하는 회사의 정보를 암호화하여 인증기관으로 보내 인증서를 발급받게 하는 일종의 신청서입니다.

CSR은 ASCII 텍스트 화일로 생성됩니다.

CSR을 생성할 때 서버의 식별명을 입력하게 됩니다. 식별명은 각 서버를 공유하게 나타내는 이름으로 다음과 같은 정보를 포함합니다.

​

Country Name ( 국가코드) [] : KR

State or Province Name ( 지역 ) [] : Seoul

Locality Name ( 시/군/구 ) [] : Seocho

Organization Name ( 회사명 ) [] : Hanbiro Inc

Organizational Unit Name ( 부서명 ) [] : Linux Team

Common Name ( 서비스도메인명 ) [] : www.hanbiro.com

Email Address [] : hanbiro@hanbiro.com

​

☞ CSR 항목에 대한 설명

​

Country Name : 이것은 두 자로 된 ISO 형식의 국가 코드입니다.

State or Province Name : 시 이름을 입력해야 하며 약어를 사용할 수 없습니다.

Locality Name : 이 필드는 대부분의 경우 생략이 가능하며 업체가 위치한 곳를 나타냅니다.

Organization : 사업자 등록증에 있는 회사명과 일치되는 영문회사명을 입력하시면 됩니다.

Organization Unit : "리눅스 관리팀", "윈도우 관리팀" 등과 같이 업체의 부서를 입력할 수 있습니다.

Common Name : 인증받을 도메인주소를 입력하시면 됩니다.

​

이 정보로 웹 사이트를 식별하므로 호스트 이름을 변경할 경우 다른 디지털 ID를 요청해야 합니다.

호스트에 연결하는 클라이언트 브라우저가 디지털 ID의 이름과 URL이 일치하는지를 확인합니다.

​

☞ CSR 항목 입력시 주의사항

* Common Name 에는 인증서를 설치할 사이트의 도메인의 이름을 정확하게 입력하셔야 합니다.

* Common Name 에는 IP 주소, 포트번호, 경로명, http:// 나 https:// 등은 포함할 수 없습니다.

* CSR 항목에는 < > ~ ! @ # $ % ^ * / \ ( ) ? 등의 특수 68 문자를 넣을 수 없습니다.

* CSR 생성후 서버에 개인키 (Private Key) 가 생성됩니다. 개인키를 삭제하거나 분실할 경우 인증서를 발급받아도 설치가 불가합니다. 따라서 꼭 개인키를 백업받아 두셔야 합니다.

* 정보입력과정 마지막에 나오는 A challenge password 와 An optional company name 두 항목은 입력하지 마시고 Enter 만 누르고 넘어가야 합니다. 두 정보가 입력될 경우 잘못된 CSR 생성될 수 있습니다.

↘ 위 주의사항을 유의하여 아래와 같은 절차로 CSR 생성을 진행합니다.

(* 윈도우+아파치의 경우 -config "openssl.cnf 절대 경로" 입력 하시기 바랍니다.)

↘ 생성된 CSR 정보는 아래처럼 확인이 가능합니다.

​

5. 한비로에 접수--->6. 정식 인증서 발급

생성된 CSR 을 출력하면 아래와 같은 base64 형식의 문서를 볼 수 있습니다.

이문서의 첫 줄 -----BEGIN … 부터 마지막 줄 -----END … 까지 복사하여 지정된 SSL 접수페이지에 복사하여 붙여 넣은 뒤 입력정보와 함께 전송하면 접수가 완료됩니다.

​

7. 인증서 설치

접수한 CSR 파일이 정상적으로 생성되었다면 별다른 문제없이 인증서를 발급 받을 수 있습니다.

인증서 파일은 신청시 기록한 Email 주소를 통해 인증서를 첨부파일로 수신하게 됩니다.

① 인증서 서버에 복사

도메인.crt와 Chain 폴더를 보실 수 있습니다.

여기에서 필요한 파일은 도메인.crt 와 Chain 폴더 안에 있는 AddTrustExternalCARoot.crt, rsa-dv.chain-bundle.pem 이 두 파일 입니다.

② 웹서버 환경설정

아파치가 설치된 디렉토리로 이동하여 conf 디렉토리내의 httpd.conf 파일의 복사본을 만들어 둡니다.

웹서버 설정의 기본이 되는 파일로 만일의 경우를 대비하여 백업본을 유지하는 것이 좋습니다.

백업이 완료되면 vi 편집기를 이용하여 httpd.conf 내용중 아래사항을 설정하신 정보에 맞게끔 수정합니다.

httpd.conf 예문

1. <VirtualHost 127.0.0.1:443> 127.0.0.1 를 사용하는 장비의 아이피로 변경

- 443 : SSL 통신포트번호 입니다. 일반적으로 웹서버는 80 포트를 사용합니다.

2. SSLEngine 스위치 off 를 on 으로 변경해 줍니다.

3. SSLCertificateFile / SSLCertificateKeyFile 에는 인증서의 설치경로와 개인키 파일의 경로를 적어 줍니다.

​

​

③ root 인증서 경로설정

​

SSLCACertificateFile 에는 root 인증서 위치를 알려주는 것으로 유저의 브라우저에 신뢰받는 CA리스트가 없을 경우를 위해 경로를 반드시 지정해 주어야 합니다.

​

④ 웹서버 재실행

설정파일의 정상적인 수정여부를 점검하기 위한 체크 ./httpd -t

수정된 사항의 적용을 위해 아파치 데몬정지 ./apachectl stop

아파치 데몬 활성화 ./apachectl startssl ( 아파치 데몬 활성화는 ./apachectl start 로 가능합니다. 여기에 ssl 를 붙여줌으로서 ssl 를 사용하게 됩니다. )

초기 개인키 생성시 입력했던 패스워드를 기억하시고 계실겁니다. SSL 실행을 위해 패스워드를 물어보는데 이때 개인키 생성시 입력했던 패스워드를 입력하시면 SSL 웹데몬이 활성화 됩니다.

⑤ 웹서버 포트점검

아래와 같이 활성화된 데몬의 포트를 점검해 봅니다.

⑥ 웹서비스 동작상태 점검

인터넷 주소창에 https://사용도메인 와 입력후 해당 페이지의 정상적인 동작 여부를 점검합니다.

SSL 설정한 사이트에 대한 정상적인 서비스 상태 점검

페이지 하단을 보시면 열쇠 아이콘이 보이게 됩니다. 아이콘을 클릭하게 되면 위와 같이 인증서 정보를 확인하실수 있습니다.

인터넷 익스플로러 주요 단축키로 편리하게 이용하는 방법

컴퓨터에서 제일 많이 사용하는 프로그램 중 하나가 브라우저 입니다. 이렇게 자주 사용하는 프로그램들은 단축키를 외워 두는 것이 좋습니다. 단축키를 이용해서 프로그램을 다루게 되면 작업 속도를 올릴 수 있을 뿐만 아니라 마우스 보다 편합니다. 오늘은 주로 사용하는 단축키를 추려서 알려 드리겠습니다. 많이 소개해 봐야 나중에 기억할 수도 없습니다.

▼ 아래 소개하는 단축키들은 브라우저 공용입니다. 크롬과 파이어폭스에도 동일하게 적용될 수 있으므로 익혀 두면 여러모로 편합니다. 먼저 Alt + D 단축키는 주소 표시줄로 커서를 이동시킵니다. URL 또한 반전시키기 때문에 바로 자신이 원하는 검색어서 주소를 입력할 수 있습니다.

존재하지 않는 이미지입니다.

▼ Alt + HOME 단축키는 홈으로 설정한 웹 페이지로 이동하게 해 줍니다. 브라우저 오른쪽 상단에 집 모양의 아이콘인 홈을 누른 것과 같습니다.

존재하지 않는 이미지입니다.

​

▼ Ctrl + W 는 현재 활성화 되어 있는 탭을 닫아 줍니다. 여러 개의 탭들이 떠 있을 때 일일이 마우스로 탭의 X 버튼을 누르지 않아도 됩니다.

존재하지 않는 이미지입니다.

▼ Ctrl + Tab 단축키는 Alt + Tab 과 달리 브라우저의 탭을 전환합니다. 계속해서 오른쪽으로 이동하다가 끝에 이르면 다시 처음으로 되돌아 옵니다.

존재하지 않는 이미지입니다.

▼ Ctrl + N 단축키는 현재 활성화된 탭을 복사해서 새로운 창으로 띄웁니다.

존재하지 않는 이미지입니다.

▼ 이상으로 사용 빈도가 높은 단축키들을 알아 봤습니다. 다음은 많이 사용하지는 않지만 알아 두면 편한 단축키들입니다.

l Ctrl + T : 새 창 열기

l Ctrl + K : 현재 탭을 새 탭으로 복사해서 생성, Ctrl + N 은 별도의 창으로 생성

l Ctrl + 1,2,3.. : 탭 번호 이동, 제일 앞에 탭부터 1,2,3 으로 부여

l Shift + 클릭 : 링크 주소를 탭이 아닌 새 창을 띄워서 보여줌

l Alt + 이동키 : 브라우저 앞으로, 뒤로 이동과 같음

l Ctrl + F : F3 와 같고 웹 페이지 내에 텍스트 검색 창 띄움

l Ctrl + 플러스 : 창을 확대

l Ctrl + 마이너스 : 창을 축소

l F11 : 전체 화면으로 확대

l Ctrl + J : 다운로드 관리자 창 열기

l Ctrl + HOME : 스크롤된 페이지에서 제일 위로 올라감

l Ctrl + END : 스크롤된 페이지에서 제일 아래로 내려감

지역

postal code

강남구

ASI|KR|KS013|Gangnam-Ku

강릉시

ASI|KR|KS007|KANGNUNG

거제시

ASI|KR|KS011|GEOJE

경산시

ASI|KR|KS011|GYEONGSAN

경주시

ASI|KR|KSxx010|KYONG JU

고성시

ASI|KR|KS011|GOSEONG

고양시

ASI|KR|KS009|GOYANG

고흥시

ASI|KR|KS005|GOHEUNG

공주시

ASI|KR|KS002|GONGJU

과천시

ASI|KR|KS009|GWACHEON

광명시

ASI|KR|KS009|GWANGMYEONG

광양시

ASI|KR|KS005|GWANGYANG

광주광역시

ASI|KR|KS008|KWANGCHU

괴산시

ASI|KR|KS001|GOESAN

구리시

ASI|KR|KS013|GURI

구미시

ASI|KR|KS010|GUMI

군산시

ASI|KR|KS004|KUNSAN

군포시

ASI|KR|KS013|GUNPO

김제시

ASI|KR|KS004|GIMJE

김포시

ASI|KR|KS009|GIMPO

김해시

ASI|KR|KS011|KIMHAE

나주시

ASI|KR|KS005|NAJU

남양주시

ASI|KR|KS009|NAMYANGJU

남원시

ASI|KR|KS004|NAMWON

남해시

ASI|KR|KS011|NAMHAE

논산시

ASI|KR|KS002|NONSAN

대구광역시

ASI|KR|KS002|TAEGU

대전광역시

ASI|KR|KS015|DAEJEON

동두천시

ASI|KR|KS009|DONGDUCHEON

동해시

ASI|KR|KS007|DONGHAE

마산시

ASI|KR|KS011|MASAN

목포시

ASI|KR|KS005|MOKPO

무안시

ASI|KR|KS005|MUAN

무주시

ASI|KR|KS004|MUJU

문경시

ASI|KR|KS010|MUNGYEONG

밀양시

ASI|KR|KS011|MIRYANG

보령시

ASI|KR|KS002|BORYEONG

보성시

ASI|KR|KS005|BOSEONG

부산광역시

ASI|KR|KS012|PUSAN

부천시

ASI|KR|KS009|BUCHEON

사천시

ASI|KR|KS011|SACHEON

삼척시

ASI|KR|KS007|SAMCHEOK

상주시

ASI|KR|KS010|SANGJU

서귀포시

ASI|KR|KS003|SEOGWI

서산시

ASI|KR|KS002|SEOSAN

서울특별시

ASI|KR|KS013|SEOUL

서초구

ASI|KR|KS013|Seocho

성남시

ASI|KR|KS009|SEONGNAM

속초시

ASI|KR|KS007|SOKCHO

송도신도시

ASI|KR|KS000|SONGDO

수원시

ASI|KR|KS002|SUWON

순천시

ASI|KR|KS005|SUNCHEON

시흥시

ASI|KR|KS010|SIHEUNG

신안시

ASI|KR|KS005|SINAN

아산시

ASI|KR|KS002|ASAN

안동시

ASI|KR|KS010|ANDONG

안산시

ASI|KR|KS009|ANSAN

안성시

ASI|KR|KS009|ANSEONG

안양시

ASI|KR|KS009|ANYANG

양산시

ASI|KR|KS011|YANGSAN

양수리

ASI|KR|KS009|YANGSU-RI

양양시

ASI|KR|KS007|YANGYANG

양주시

ASI|KR|KS001|YANGJU

여수시

ASI|KR|KS005|YOSU

영양시

ASI|KR|KS010|YEONGYANG

영주시

ASI|KR|KS010|YEONGJU

영천시

ASI|KR|KS010|YEONGCHEON

예산시

ASI|KR|KS002|YESAN

예천시

ASI|KR|KS010|YECHEON

오산시

ASI|KR|KS009|OSAN

온양시

ASI|KR|KS002|ONYANG

완도시

ASI|KR|KS005|WANDO

용인시

ASI|KR|KS009|YONGIN

울산광역시

ASI|KR|KS016|ULSAN

울진시

ASI|KR|KS010|ULJIN

원주시

ASI|KR|KS007|WONJU

의왕시

ASI|KR|KS010|UIWANG

의정부시

ASI|KR|KS009|UIJEONGBU

익산시

ASI|KR|KS004|IKSAN

인제시

ASI|KR|KS007|INJE

인천광역시

ASI|KR|KS006|INCHEON

일산시

ASI|KR|KS007|ILSAN

임실시

ASI|KR|KS004|IMSIL

전주시

ASI|KR|KS004|JEONJU

정읍시

ASI|KR|KS004|JEONGEUP

제주시

ASI|KR|KS003|CHEJU

제천시

ASI|KR|KS001|JECHEON

진도시

ASI|KR|KS010|JINDO

진주시

ASI|KR|KS011|JINJU

진해시

ASI|KR|KS011|JINHAE

천안시

ASI|KR|KS002|CHEONAN

청주시

ASI|KR|KS001|CHEONGJU

춘천시

ASI|KR|KS001|CHUNCHEON

충주시

ASI|KR|KS001|CHUNGJU

태백시

ASI|KR|KS007|TAEBAEK

태안시

ASI|KR|KS016|TAEAN

통영시

ASI|KR|KS005|TONGYEONG

파주시

ASI|KR|KS009|PAJU

평창시

ASI|KR|KS007|PYEONGCHANG

평택시

ASI|KR|KS009|PYEONGTAEK

포천시

ASI|KR|KS009|POCHEON

포항시

ASI|KR|KS010|POHANG

하남시

ASI|KR|KS009|HANAM

하동시

ASI|KR|KS011|HADONG

함안시

ASI|KR|KS011|HAMAN

함양시

ASI|KR|KS011|HAMYANG

합천시

ASI|KR|KS011|HABCHEON

해남시

ASI|KR|KS005|HAENAM

화성시

ASI|KR|KS009|HWASEONG

화순시

ASI|KR|KS005|HWASUN

화천군

ASI|KR|KS007|HWACHEON

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

        <!-- google api -->

        <dependency>

            <groupId>com.google.api-client</groupId>

            <artifactId>google-api-client</artifactId>

            <version>1.22.0</version>

        </dependency>

        <dependency>

            <groupId>com.google.oauth-client</groupId>

            <artifactId>google-oauth-client-jetty</artifactId>

            <version>1.22.0</version>

        </dependency>

        <dependency>

            <groupId>com.google.apis</groupId>

            <artifactId>google-api-services-calendar</artifactId>

            <version>v3-rev235-1.22.0</version>

        </dependency>

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

package com.t.hc.beans;

import java.io.IOException;

import java.io.InputStream;

import java.io.InputStreamReader;

import java.util.Arrays;

import java.util.List;

import com.google.api.client.auth.oauth2.Credential;

import com.google.api.client.extensions.java6.auth.oauth2.AuthorizationCodeInstalledApp;

import com.google.api.client.extensions.jetty.auth.oauth2.LocalServerReceiver;

import com.google.api.client.googleapis.auth.oauth2.GoogleAuthorizationCodeFlow;

import com.google.api.client.googleapis.auth.oauth2.GoogleClientSecrets;

import com.google.api.client.googleapis.javanet.GoogleNetHttpTransport;

import com.google.api.client.http.HttpTransport;

import com.google.api.client.json.JsonFactory;

import com.google.api.client.json.jackson2.JacksonFactory;

import com.google.api.client.util.store.FileDataStoreFactory;

import com.google.api.services.calendar.Calendar;

import com.google.api.services.calendar.CalendarScopes;

//import com.google.api.services.calendar.model.CalendarList;

//import com.google.api.services.calendar.model.CalendarListEntry;

public class GoogleCalendarService {

    private static final String APPLICATION_NAME = "Google Calendar API Java Quickstart";

    private static final java.io.File DATA_STORE_DIR = new java.io.File(

            System.getProperty("user.home"),

            ".credentials/calendar-java-quickstart");

    private static FileDataStoreFactory DATA_STORE_FACTORY;

    private static final JsonFactory JSON_FACTORY = JacksonFactory

            .getDefaultInstance();

    private static HttpTransport HTTP_TRANSPORT;

    private static final List<String> SCOPES = Arrays

            .asList(CalendarScopes.CALENDAR);

    static {

        try {

            HTTP_TRANSPORT = GoogleNetHttpTransport.newTrustedTransport();

            DATA_STORE_FACTORY = new FileDataStoreFactory(DATA_STORE_DIR);

        } catch (Throwable t) {

            t.printStackTrace();

            System.exit(1);

        }

    }

    public static Credential authorize() throws IOException {

        InputStream in = GoogleCalendarService.class

                .getResourceAsStream("/client_secret.json");

        GoogleClientSecrets clientSecrets = GoogleClientSecrets.load(

                JSON_FACTORY, new InputStreamReader(in));

        GoogleAuthorizationCodeFlow flow = new GoogleAuthorizationCodeFlow.Builder(

                HTTP_TRANSPORT, JSON_FACTORY, clientSecrets, SCOPES)

                .setDataStoreFactory(DATA_STORE_FACTORY)

                .setAccessType("offline").build();

        Credential credential = new AuthorizationCodeInstalledApp(flow,

                new LocalServerReceiver()).authorize("user");

        System.out.println("Credentials saved to "

                + DATA_STORE_DIR.getAbsolutePath());

        return credential;

    }

    public static Calendar getCalendarService() throws IOException {

        Credential credential = authorize();

        return new Calendar.Builder(HTTP_TRANSPORT, JSON_FACTORY, credential)

                .setApplicationName(APPLICATION_NAME).build();

    }

//    public static void main(String[] args) throws IOException {

//        com.google.api.services.calendar.Calendar service = getCalendarService();

//        // 캘린더 조회

//        String pageToken = null;

//        do {

//          CalendarList calendarList = service.calendarList().list().setPageToken(pageToken).execute();

//          List<CalendarListEntry> items1 = calendarList.getItems();

//

//          for (CalendarListEntry calendarListEntry : items1) {

//            System.out.println(calendarListEntry.getSummary());

//            System.out.println(calendarListEntry.getId());

//          }

//          pageToken = calendarList.getNextPageToken();

//        } while (pageToken != null);

//    }

}

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

package com.t.hc.dto;

import java.text.ParseException;

import java.text.SimpleDateFormat;

import java.util.Date;

public class CalendarDto {

    private String summary;

    private String startDate;

    private String startTime;

    private String endDate;

    private String endTime;

    private String description;

    private String eventId;

    private String calendarId;

    {

        description = "";

    }

    public CalendarDto() {}

    public Date getStartDateTime() throws ParseException {

        SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-ddHH:mm");

        return format.parse(startDate+startTime);

    }

    public Date getEndDateTime() throws ParseException {

        SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-ddHH:mm");

        return format.parse(endDate+endTime);

    }

    public String getSummary() {

        return summary;

    }

    public void setSummary(String summary) {

        this.summary = summary;

    }

    public String getStartDate() {

        return startDate;

    }

    public void setStartDate(String startDate) {

        this.startDate = startDate;

    }

    public String getStartTime() {

        return startTime;

    }

    public void setStartTime(String startTime) {

        this.startTime = startTime;

    }

    public String getEndDate() {

        return endDate;

    }

    public void setEndDate(String endDate) {

        this.endDate = endDate;

    }

    public String getEndTime() {

        return endTime;

    }

    public void setEndTime(String endTime) {

        this.endTime = endTime;

    }

    public String getDescription() {

        return description;

    }

    public void setDescription(String description) {

        this.description = description;

    }

    public String getEventId() {

        return eventId;

    }

    public void setEventId(String eventId) {

        this.eventId = eventId;

    }

    public String getCalendarId() {

        return calendarId;

    }

    public void setCalendarId(String calendarId) {

        this.calendarId = calendarId;

    }

    @Override

    public String toString() {

        return "GoogleCalendarDto [summary=" + summary + ", startDate=" + startDate + ", startTime=" + startTime

                + ", endDate=" + endDate + ", endTime=" + endTime + ", description=" + description + ", eventId="

                + eventId + ", calendarId=" + calendarId + "]";

    }

}

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

package com.t.hc;

import java.io.IOException;

import java.util.List;

import javax.servlet.http.HttpServletRequest;

import org.slf4j.Logger;

import org.slf4j.LoggerFactory;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import com.google.api.services.calendar.Calendar;

import com.google.api.services.calendar.model.CalendarList;

import com.google.api.services.calendar.model.CalendarListEntry;

import com.t.hc.beans.GoogleCalendarService;

import com.t.hc.dto.CalendarDto;

@Controller

public class HandcodingController {

    private Logger logger = LoggerFactory.getLogger(HandcodingController.class);

    // 캘린더리스트

    @RequestMapping(value="/coding.do", method=RequestMethod.GET)

    public String coding(Model model) {

        logger.info("calendarList");

        try {

            Calendar service = GoogleCalendarService.getCalendarService();

            CalendarList calendarList = service.calendarList().list().setPageToken(null).execute();

            List<CalendarListEntry> items = calendarList.getItems();

            model.addAttribute("items", items);

        } catch (IOException e) {

            e.printStackTrace();

        }

        return "coding";

    }

    // 캘린더 생성 처리

    @RequestMapping(value="/calendarAdd.do", method=RequestMethod.POST)

    public String calendarAdd(CalendarDto calDto) {

        logger.info("calendarAdd "+calDto.toString());

        try {

            Calendar service = GoogleCalendarService.getCalendarService();

            com.google.api.services.calendar.model.Calendar calendar = new com.google.api.services.calendar.model.Calendar();

            calendar.setSummary(calDto.getSummary());

            calendar.setTimeZone("America/Los_Angeles");

            service.calendars().insert(calendar).execute();

        } catch (IOException e) {

            e.printStackTrace();

        }

        return "redirect:/coding.do";

    }

    // 캘린더 삭제 처리

    @RequestMapping(value="/calendarRemove.do", method=RequestMethod.POST)

    public String calendarRemove(HttpServletRequest req) {

        logger.info("calendarRemove");

        String[] chkVal = req.getParameterValues("chkVal");

        try {

            Calendar service = GoogleCalendarService.getCalendarService();

            for (String calendarId : chkVal) {

                service.calendars().delete(calendarId).execute();

            }

        } catch (IOException e) {

            e.printStackTrace();

        }

        return "redirect:/coding.do";

    }    

    // 캘린더 수정 처리

    @RequestMapping(value="/calendarModify.do", method=RequestMethod.POST)

    public String calendarModify(CalendarDto calDto) {

        logger.info("calendarModify "+calDto.toString());

        try {

            Calendar service = GoogleCalendarService.getCalendarService();

            com.google.api.services.calendar.model.Calendar calendar = service.calendars().get(calDto.getCalendarId()).execute();

            calendar.setSummary(calDto.getSummary());

            service.calendars().update(calendar.getId(), calendar).execute();

        } catch (IOException e) {

            e.printStackTrace();

        }

        return "redirect:/coding.do";

    }    

    // 캘린더 이동처리

    @RequestMapping(value="/schdule.do", method=RequestMethod.GET)

    public String schdule(Model model, String calendarId, String title) {

        logger.info("schdule");

        model.addAttribute("calendarId", calendarId);

        model.addAttribute("title", title);

        return "schdule";

    }    

}

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

package com.t.hc;

import java.io.IOException;

import java.text.ParseException;

import java.util.ArrayList;

import java.util.HashMap;

import java.util.List;

import java.util.Map;

import org.slf4j.Logger;

import org.slf4j.LoggerFactory;

import org.springframework.web.bind.annotation.RequestMapping;

import org.springframework.web.bind.annotation.RequestMethod;

import org.springframework.web.bind.annotation.RestController;

import com.google.api.client.util.DateTime;

import com.google.api.services.calendar.Calendar;

import com.google.api.services.calendar.model.Event;

import com.google.api.services.calendar.model.EventDateTime;

import com.google.api.services.calendar.model.Events;

import com.t.hc.beans.GoogleCalendarService;

import com.t.hc.dto.CalendarDto;

@RestController

public class CalendarAjaxController {

    private Logger logger = LoggerFactory.getLogger(CalendarAjaxController.class);

    // 일정 데이터 처리

    @RequestMapping(value="/calendarEventList.do", method=RequestMethod.POST)

    public List<Event> calendarEventList(CalendarDto calDto) {

        logger.info("calendarEventList "+calDto.toString());

        List<Event> items = new ArrayList<Event>();

        try {

            com.google.api.services.calendar.Calendar service = GoogleCalendarService.getCalendarService();

            Events events = service.events().list(calDto.getCalendarId()).setOrderBy("startTime").setSingleEvents(true).execute();

            items = events.getItems();

        } catch (IOException e) {

            e.printStackTrace();

        }

        return items;

    }

    // 일정 저장 처리

    @RequestMapping(value="/calendarEventAdd.do", method=RequestMethod.POST)

    public Map<String, Boolean> calendarEventAdd(CalendarDto calDto) {

        logger.info("calendarEventAdd "+calDto.toString());

        boolean isc = false;

        try {

            Calendar service = GoogleCalendarService.getCalendarService();

            Event event = new Event().setSummary(calDto.getSummary()).setDescription(calDto.getDescription());

            //시작일

            DateTime startDateTime = new DateTime(calDto.getStartDateTime());

            EventDateTime start = new EventDateTime().setDateTime(startDateTime).setTimeZone("America/Los_Angeles");

            event.setStart(start);

            //종료일

            DateTime endDateTime = new DateTime(calDto.getEndDateTime());

            EventDateTime end = new EventDateTime().setDateTime(endDateTime).setTimeZone("America/Los_Angeles");

            event.setEnd(end);

            event = service.events().insert(calDto.getCalendarId(), event).execute();

            isc = true;

        } catch (IOException | ParseException e) {

            e.printStackTrace();

        }

        Map<String, Boolean> map = new HashMap<String, Boolean>();

        map.put("isc", isc);

        return map;

    }    

    // 일정 삭제

    @RequestMapping(value="/calendarEventRemoveOne.do", method=RequestMethod.POST)

    public Map<String, Boolean> calendarEventRemoveOne(CalendarDto calDto) {

        logger.info("calendarEventRemoveOne "+calDto.toString());

        boolean isc = false;

        try {

            Calendar service = GoogleCalendarService.getCalendarService();

            service.events().delete(calDto.getCalendarId(), calDto.getEventId()).execute();

            isc = true;

        } catch (IOException e) {

            e.printStackTrace();

        }

        Map<String, Boolean> map = new HashMap<String, Boolean>();

        map.put("isc", isc);

        return map;

    }

    // 일정 수정

    @RequestMapping(value="/calendarEventModify.do", method=RequestMethod.POST)

    public Map<String, Boolean> calendarEventModify(CalendarDto calDto) {

        logger.info("calendarEventModify "+calDto.toString());

        boolean isc = false;

        try {

            Calendar service = GoogleCalendarService.getCalendarService();

            Event event = service.events().get(calDto.getCalendarId(), calDto.getEventId()).execute();

            event.setSummary(calDto.getSummary()).setDescription(calDto.getDescription());

            service.events().update(calDto.getCalendarId(), event.getId(), event).execute();

            isc = true;

        } catch (IOException e) {

            e.printStackTrace();

        }

        Map<String, Boolean> map = new HashMap<String, Boolean>();

        map.put("isc", isc);

        return map;

    }

}

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>캘린더 관리</title>

<script src="./js/jquery-3.1.1.min.js"></script>

<script src="./js/bootstrap.min.js"></script>

<link rel="stylesheet" href="./css/bootstrap.min.css">

<link rel="stylesheet" href="./css/bootstrap-theme.min.css">

<script type="text/javascript" src='./js/sweetalert.min.js?ver=1'></script>

<link rel="stylesheet" type="text/css" href='./css/sweetalert.css?ver=1.2'>

<script type="text/javascript" src="./js/calendarList.js"></script>

</head>

<body>

    <form action="./calendarRemove.do" method="post" id="frmCalendarRemove">

        <table class="table table-bordered">

            <tr>

                <th><input type='checkbox' onclick='checkAllDel(this.checked)' />전체</th>

                <th>캘린더이름</th>

                <th>캘린더코드</th>

            </tr>

            <c:forEach items="${items}" var="item">

                <tr>

                    <td><input type='checkbox' name='chkVal' value="${item.id}" /></td>

                    <td><input type="hidden" name='summarys' value="${item.summary}" />

                        <a href="./schdule.do?calendarId=${item.id}&title=${item.summary}">${item.summary}</a>

                    </td>

                    <td>${item.id}</td>

                </tr>

            </c:forEach>

        </table>

    </form>

    <input type="button" class='btn btn-sm btn-warning' value="캘린더 생성"

        onclick="calendarAddForm()" />

    <input type="button" class='btn btn-sm btn-warning' value="캘린더 수정"

        onclick="calendarModifyForm()" />

    <input type="button" class='btn btn-sm btn-warning' value="캘린더 삭제"

        onclick="calendarRemove()" />

    <!-- 캘린더 생성 modal -->

    <div class="modal fade" id="calendarAddForm" role="dialog">

        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal">×</button>

                    <h4 class="modal-title">캘린더 생성</h4>

                </div>

                <div class="modal-body">

                    <!-- 캘린더 생성처리 form -->

                    <form action="./calendarAdd.do" method='post' id='frmCalendarAdd'>

                        <div class='form-group'>

                            <label>캘린더이름</label><input class='form-control' type="text"

                                name='summary' id='summary' />

                        </div>

                        <div class='modal-footer'>

                            <input type="button" class='btn btn-sm btn-warning' value="확인"

                                onclick="calendarAdd()" /> <input type="reset"

                                class='btn btn-sm btn-warning' value="초기화" /> <input

                                type='button' class='btn btn-sm btn-warning'

                                data-dismiss='modal' value="취소" />

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

    <!-- 캘린더 수정 modal -->

    <div class="modal fade" id="calendarModifyForm" role="dialog">

        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal">×</button>

                    <h4 class="modal-title">캘린더 수정</h4>

                </div>

                <div class="modal-body">

                    <!-- 캘린더 생성처리 form -->

                    <form action="./calendarModify.do" method='post'

                        id='frmCalendarModify'>

                        <div class='form-group'>

                            <label>캘린더이름</label><input class='form-control' type="text"

                                name='summary' id='summaryModify' />

                        </div>

                        <input type="hidden" name="calendarId" id='calendarIdModify' />

                        <div class='modal-footer'>

                            <input type="button" class='btn btn-sm btn-warning' value="확인"

                                onclick="calendarModify()" /> <input type="reset"

                                class='btn btn-sm btn-warning' value="초기화" /> <input

                                type='button' class='btn btn-sm btn-warning'

                                data-dismiss='modal' value="취소" />

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</body>

</html>

Colored by Color Scripter

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>일정관리</title>

<script src="./js/jquery-3.1.1.min.js"></script>

<script src="./js/bootstrap.min.js"></script>

<link rel="stylesheet" href="./css/bootstrap.min.css">

<link rel="stylesheet" href="./css/bootstrap-theme.min.css">

<script type="text/javascript" src='./js/sweetalert.min.js?ver=1'></script>

<link rel="stylesheet" type="text/css"

    href='./css/sweetalert.css?ver=1.2'>

<script type="text/javascript" src="./js/stringBuffer.js"></script>

<script type="text/javascript" src="./js/calendar.js"></script>

<script type="text/javascript" src="./js/calendarSchdule.js"></script>

<style type="text/css">

thead {

    text-align: center;

}

thead td {

    width: 100px;

}

#tbody td {

    height: 150px;

}

#yearMonth {

    font: bold;

    font-size: 18px;

}

</style>

</head>

<body>

    <input type="hidden" id="chk" value="0" />

    <input type="hidden" id="calendarId" value="${calendarId}" />

    <table class="table table-bordered">

        <thead id='thead'>

            <tr>

                <td colspan="7">

                    <button type='button' class='btn btn-sm btn-warning'

                        id='moveFastPre' onclick="moveFastMonthPre()">«</button>

                    <button type='button' class='btn btn-sm btn-warning' id='movePre'

                        onclick="moveMonthPre()">‹</button>    <span

                    id='yearMonth'></span>   

                    <button type='button' class='btn btn-sm btn-warning' id='moveNext'

                        onclick="moveMonthNext()">›</button>  

                    <button type='button' class='btn btn-sm btn-warning'

                        id='moveFastNext' onclick="moveFastMonthNext()">»</button>

                    <div style="text-align: right;">

                        <span>${title}</span> <input class='btn btn-sm btn-info'

                            type="button" value="주" onclick='tabWeek()' /> <input

                            class='btn btn-sm btn-info' type="button" value="월"

                            onclick='tabMonth()' /> <input class='btn btn-sm btn-info'

                            type="button" value="목록" onclick='location.href="./coding.do"' />

                    </div>

                </td>

            </tr>

            <tr>

                <td>일<span class='week'></span></td>

                <td>월<span class='week'></span></td>

                <td>화<span class='week'></span></td>

                <td>수<span class='week'></span></td>

                <td>목<span class='week'></span></td>

                <td>금<span class='week'></span></td>

                <td>토<span class='week'></span></td>

            </tr>

        </thead>

        <tbody id='tbody'></tbody>

    </table>

    <!-- 일정 생성 modal -->

    <div class="modal fade" id="schduleForm" role="dialog">

        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal">×</button>

                    <h4 class="modal-title">일정등록</h4>

                </div>

                <div class="modal-body">

                    <form class='form-margin40' role='form' action="#" method='post'

                        id='frmSchdule'>

                        <div class='form-group'>

                            <label>제목</label> <input type='text' class='form-control'

                                id='summary' name='summary'

                                placeholder="예: 오후 7시에 멕시코 음식점에서 저녁식사">

                        </div>

                        <div class='form-group'>

                            <label>시작시간</label> <input class='form-control' type="time"

                                id='startTime' name='startTime'>

                        </div>

                        <div class='form-group'>

                            <label>시작날짜</label> <input class='form-control startDate'

                                type="date" id='startDate' name='startDate' readonly="readonly">

                        </div>

                        <div class='form-group'>

                            <label>종료시간</label> <input class='form-control' type="time"

                                id='endTime' name='endTime'>

                        </div>

                        <div class='form-group'>

                            <label>종료날짜</label> <input class='form-control startDate'

                                type="date" id='endDate' name='endDate'>

                        </div>

                        <div class='form-group'>

                            <label>내용</label>

                            <textarea rows="7" class='form-control' id="description"

                                name='description'></textarea>

                        </div>

                        <div class='modal-footer'>

                            <input type="button" class='btn btn-sm btn-warning' value="확인"

                                onclick="calendarSchduleAdd()" /> <input type="reset"

                                class='btn btn-sm btn-warning' value="초기화" /> <input

                                type='button' class='btn btn-sm btn-warning'

                                data-dismiss='modal' value="취소" />

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

    <!-- 일정 수정 modal -->

    <div class="modal fade" id="schduleFormModify" role="dialog">

        <div class="modal-dialog">

            <div class="modal-content">

                <div class="modal-header">

                    <button type="button" class="close" data-dismiss="modal">×</button>

                    <h4 class="modal-title">일정수정</h4>

                </div>

                <div class="modal-body">

                    <form class='form-margin40' role='form' action="#" method='post'

                        id='frmSchduleModify'>

                        <div class='form-group'>

                            <label>제목</label> <input type='text' class='form-control'

                                id='modifySummary' name='summary'>

                        </div>

                        <div class='form-group'>

                            <label>내용</label>

                            <textarea rows="7" class='form-control' id="modifyDescription"

                                name='description'></textarea>

                        </div>

                        <input type="hidden" id="modifyEventId" name="eventId" /> <input

                            type="hidden" name="calendarId" value="${calendarId}" />

                        <div class='modal-footer'>

                            <input type="button" class='btn btn-sm btn-warning' value="확인"

                                onclick="modifyEvent()" /> <input type="reset"

                                class='btn btn-sm btn-warning' value="초기화" /> <input

                                type='button' class='btn btn-sm btn-warning'

                                data-dismiss='modal' value="취소" />

                        </div>

                    </form>

                </div>

            </div>

        </div>

    </div>

</body>

</html>

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

// StringBuffer

var StringBuffer = function() {

    this.buffer = new Array();

};

StringBuffer.prototype.append = function(str) {

    this.buffer[this.buffer.length] = str;

};

StringBuffer.prototype.toString = function() {

    return this.buffer.join("");

};

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

// 캘린더 객체

var calendar = {

    LEAF : [ 31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ], //윤년

    PLAIN : [ 31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31 ], //평년

    iscLeafCheck :

    //윤년 판단

    function(year) {

        var isc = false;

        if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) { // 윤년이면

            isc = true;

        }

        return isc;

    },

    daysY :

    //년도에 따른 일수 누적

    function(year) {

        var daySum = 0;

        for (var i = 1; i < year; i++) {

            if (this.iscLeafCheck(i)) {

                daySum += 366;

            } else {

                daySum += 365;

            }

        }

        return daySum;

    },

    daysM :

    //년도누적 + 월 일수 누적

    function(year, month) {

        var daySum = this.daysY(year);

        for (var i = 1; i < month; i++) {

            daySum += this.PLAIN[i - 1];

        }

        if (month >= 2 && this.iscLeafCheck(year)) {

            daySum++;

        }

        return daySum;

    },

    daysD :

    //년도누적 + 월 누적 + 일수 누적

    function(year, month, day) {

        return this.daysM(year, month) + day;

    },

    lastDay :

    // 구하고자 하는 년월의 최대 일수

    function(year, month) {

        var last_day = 0;

        if (this.iscLeafCheck(year)) {

            last_day = this.LEAF[month - 1];

        } else {

            last_day = this.PLAIN[month - 1];

        }

        return last_day;

    },

    isBeforeDays :

    // 앞의 달에 년도 분기

    function(year, month) {

        var days = 0;

        if (month == 1) {

            days = this.lastDay(year - 1, 12);

        } else {

            days = this.lastDay(year, month - 1);

        }

        return days;

    },

    make :

    // 해당달력을 배열로 반환

    function(year, month) {

        var dateOfWeek = (this.daysD(year, month, 1)) % 7;

        var beforeLastDay = this.isBeforeDays(year, month);

        var startLastDay = beforeLastDay - dateOfWeek + 1;

        var last_day = this.lastDay(year, month); // 구하고자 하는 년월의 최대 일수

        var lastWeekDays = (7 - (dateOfWeek + last_day) % 7) % 7;

        if (this.iscLeafCheck(year)) {

            startLastDay++;

            lastWeekDays++;

        }

        var dayArray = new Array();

        var cnt = 0;

        for (var i = startLastDay; i <= beforeLastDay; i++, cnt++) {

            dayArray[cnt] = i;

        }

        for (var i = 1; i <= last_day; i++, cnt++) {

            dayArray[cnt] = i;

        }

        for (var i = 1; i <= lastWeekDays; i++, cnt++) {

            dayArray[cnt] = i;

        }

        return dayArray;

    },

    makeOne :

    // 달력 한개만

    function(year, month){

        var last_day = this.lastDay(year, month); // 구하고자 하는 년월의 최대 일수

        var dayArray = new Array();

        var cnt = 0;

        for (var i = 1; i <= last_day; i++, cnt++) {

            dayArray[cnt] = i;

        }

        return dayArray;

    }

}

Colored by Color Scripter

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

// 캘린더 생성폼 호출

function calendarAddForm() {

    $('#calendarAddForm').modal();

}

// 캘린더 생성 처리

function calendarAdd() {

    var summary = $('#summary').val();

    if(summary.trim() == '' || summary.trim().length == 0) {

        swal('이름','입력해주세요');

        return false;

    }

    $('#frmCalendarAdd').submit();

}

//전체체크

function checkAllDel(bool) {

    var chkVal = document.getElementsByName("chkVal");

    for (var i = 0; i < chkVal.length; i++) {

        chkVal[i].checked = bool;

    }

}

//캘린더 삭제

function calendarRemove() {

    var chkVal = document.getElementsByName("chkVal");

    var n = 0;

    for (var i = 0; i < chkVal.length; i++) {

        if(chkVal[i].checked == true){

            n++;

        }

    }

    if(n>0){

        $('#frmCalendarRemove').submit();

    }else {

        swal("캘린더 삭제", '선택해주세요');

    }

}

// 캘린더 수정 호출

function calendarModifyForm() {

    var chkVal = document.getElementsByName("chkVal");

    var summarys = document.getElementsByName("summarys");

    var n = 0;

    var calendarId = '';

    var summary = '';

    for (var i = 0; i < chkVal.length; i++) {

        if(chkVal[i].checked == true){

            n++;

            calendarId = chkVal[i].value;

            summary = summarys[i].value;

        }

    }

    if(n==1) {

        $('#frmCalendarModify').find('#summaryModify').val(summary);

        $('#frmCalendarModify').find('#calendarIdModify').val(calendarId);

    }else if(n>1) {

        swal("캘린더 수정", '1개만 선택해주세요');

        return false;

    }else {

        swal("캘린더 수정", '선택해주세요');

        return false;

    }

    $('#calendarModifyForm').modal();

}

// 캘린더 수정 처리

function calendarModify() {

    $('#frmCalendarModify').submit();

}

Colored by Color Scripter

var data = {} // List<Event>

var locationMonth = 0; // 현재 달력위치

var locationYear = 0; // 현재 년도위치

var locationWeek = 0; // 현재 주차위치

// 날짜 테그를 만들어준다

function dayTagFormat(year, month, day) {

    var tag = new StringBuffer();

    tag.append("<td id="+year+month+day+">");

    tag.append("<a onclick='schduleAdd("+year+","+month+","+day+")'>"+numFormat(day)+"</a>");

    tag.append("</td>");

    return tag.toString();

}

//숫자 5 -> 05 변경

function numFormat(num) {

    var str = ''+num;

    if(num<10 && str.indexOf('0') == -1 || str.length == 1) {

        str = '0'+num;

    }

    return str;

}

// 시간을 리턴한다

function getTime(item) {

    return numFormat(item.getHours()) + ":" + numFormat(item.getMinutes());

}

// 일정추가 폼

function schduleAdd(year, month, day) {

    $('.startDate').val(year + "-" + numFormat(month) + "-" + numFormat(day));

    $('#summary').val('');

    $('#startTime').val('');

    $('#endTime').val('');

    $('#description').val('');

    $('#schduleForm').modal();

}

// 유효성 검사 일정 저장처리

function calendarSchduleAdd() {

    var summary = $('#summary').val();

    var startTime = $('#startTime').val().split(":");

    var endTime = $('#endTime').val().split(":");

    if(summary.trim() == '' || summary.trim().length == 0) {

        swal('제목','입력해주세요');

        return false;

    }else if($('#startTime').val() == '') {

        swal('시작시간','입력해주세요');

        return false;

    }else if($('#endTime').val() == '') {

        swal('종료시간','입력해주세요');

        return false;        

    }else if(new Date(0,0,0,endTime[0],endTime[1]).getTime() - new Date(0,0,0,startTime[0],startTime[1]).getTime() < 0) {

        swal('시간','종료시간이 시작시간보다 늦습니다');

        return false;

    }else if($('#endDate').val() == '') {

        swal('종료날짜','입력해주세요');

        return false;

    }else if(new Date($('#endDate').val()).getTime() - new Date($('#startDate').val()).getTime() < 0) {

        swal('날짜','종료일이 시작일보다 늦습니다');

        return false;

    }

    $("#schduleForm").modal('hide');

    swal('calendar', 'google토큰이 필요합니다.');

    $.ajax({

        url: './calendarEventAdd.do',

        type: 'post',

        async: false,

        data : $('#frmSchdule').serialize(),

        success: function(msg) {

            if(msg.isc) {

                swal('저장', '성공하였습니다');

            }else {

                swal('저장', '실패하였습니다');

            }

        }

    });

    calendarEventList();

    screenWriteMonth();

}

//달력의 해당 날짜의 요일을 구하기위해 현재위치 반환

function monthDayIndex(month, day) {

    for(var i=0; i<month.length; i++) {

        if(month[i]==day) {

            return i;

        }

    }

}

// 달력 이전으로 이동

function moveMonthPre() {

    locationMonth--;

    screenWriteMonth();

}

// 달력 다음으로 이동

function moveMonthNext() {

    locationMonth++;

    screenWriteMonth();

}

// 달력 이전 년도로 이동

function moveFastMonthPre() {

    locationYear--;

    screenWriteMonth();    

}

// 달력 다음 년도로 이동

function moveFastMonthNext() {

    locationYear++;

    screenWriteMonth();        

}

// 화면에 달력과 이벤트를 그려준다

function screenWriteMonth() {

    var date = new Date();

    var month = date.getMonth()+1+locationMonth;

    if(month == 0) {

        locationYear--;

        locationMonth = 12 - Math.abs(locationMonth);

        month = date.getMonth()+1+locationMonth;

    }else if(month == 13) {

        locationYear++;

        locationMonth = locationMonth - 12;

        month = date.getMonth()+1+locationMonth;

    }

    var months = [month-1, month, month+1];

    if(month == 1) {

        months = [12, month, month+1];

    }else if(month == 12) {

        months = [month-1, month, 1];

    }

    var year = date.getFullYear()+locationYear;

    var monthDay = calendar.make(year, months[1]);

    var tag = new StringBuffer();

    var startIndex = monthDayIndex(monthDay, 1);

    var lastIndex = monthDayIndex(calendar.makeOne(year, months[1]), calendar.lastDay(year, months[1])) + startIndex;

    for(var i=0; i<monthDay.length; i++) {

        if(i%7 == 0) {

            tag.append('<tr>');

        }

        if(i<startIndex) {

            if(months[0]==12) {

                tag.append(dayTagFormat(year-1, months[0], monthDay[i]));

            }else {

                tag.append(dayTagFormat(year, months[0], monthDay[i]));

            }

        }else if(i <= lastIndex) {

            tag.append(dayTagFormat(year, months[1], monthDay[i]));

        }else {

            if(months[2]==1) {

                tag.append(dayTagFormat(year+1, months[2], monthDay[i]));

            }else {

                tag.append(dayTagFormat(year, months[2], monthDay[i]));

            }

        }

        if(i%7 == 6) {

            tag.append('</tr>');

        }

    }

    $('#tbody').html(tag.toString());

    $('#yearMonth').text(year + "년 " + numFormat(months[1]) + "월");

    if(data.chk) {

        for(var i=0; i<data.cnt; i++) {

            var itemMonth = data.start[i].getMonth()+1;

            var itemYear = data.start[i].getFullYear();

            if((itemMonth == months[1] || itemMonth == months[0] || itemMonth == months[2])

                    && (itemYear == year || itemYear == year-1 || itemYear == year+1)) {

                $('#'+itemYear+itemMonth+data.start[i].getDate()).append(eventTagFormat(getTime(data.start[i]), data.title[i], data.eventId[i], data.description[i]));

            }

        }

    }

}

// 일정 태그를 만들어 준다

function eventTagFormat(time, title, eventId, description) {

    var tag = new StringBuffer();

    tag.append("<p>");

    tag.append('<a data-toggle="collapse" data-target="#collapseExample'+eventId+'" aria-expanded="false" aria-controls="collapseExample" onclick="collapse(\''+eventId+'\')">');

    tag.append(time+"  "+title);

    tag.append('</a>');

    tag.append('<div class="collapse" id="collapseExample'+eventId+'">');

    if(description == null) {

        tag.append('<div class="well">내용이 없습니다</div>');

    }else {

        tag.append('<div class="well">'+description+'</div>');

    }

    tag.append('<div style="text-align: right;"><input type="button" class="btn btn-sm btn-warning" value="수정" onclick="modifyEventModal(\''+title+'\',\''+eventId+'\',\''+description+'\')"/> ');

    tag.append('<input type="button" class="btn btn-sm btn-warning" value="삭제" onclick="removeEventOne(\''+eventId+'\')"/></div>');

    tag.append('</div>');

    tag.append("</p>");

    return tag.toString();

}

// collapse 처리

function collapse(eventId) {

    $('.collapse').not('#collapseExample'+eventId).each(function(){

        $(this).attr('class', 'collapse collapse');

    });    

}

// 일정수정 modal

function modifyEventModal(title, eventId, description) {

    $('#modifySummary').val(title);

    if(description != 'undefined') {

        $('#modifyDescription').val(description);

    }else {

        $('#modifyDescription').val('');

    }

    $('#modifyEventId').val(eventId);

    $('#schduleFormModify').modal();

}

// 일정수정 처리

function modifyEvent() {

    var summary = $('#modifySummary').val();

    if(summary.trim() == '' || summary.trim().length == 0) {

        swal('제목','입력해주세요');

        return false;    

    }

    $("#schduleFormModify").modal('hide');

    $.ajax({

        url: './calendarEventModify.do',

        type: 'post',

        async: false,

        data: $('#frmSchduleModify').serialize(),

        success: function(msg) {

            if(msg.isc) {

                swal('수정', '성공하였습니다');

            }else {

                swal('수정', '실패하였습니다');

            }

        }

    });

    calendarEventList();    

    if($('#chk').val() == '1') {

        screenWriteWeek();

    }else {

        screenWriteMonth();

    }

}

// 일정삭제

function removeEventOne(eventId) {

    $.ajax({

        url: './calendarEventRemoveOne.do',

        type: 'post',

        async: false,

        data : {

            "eventId" : eventId,

            "calendarId" : $('#calendarId').val()

        },

        success: function(msg) {

            if(msg.isc) {

                swal('삭제', '성공하였습니다');

            }else {

                swal('삭제', '실패하였습니다');

            }

        }

    });

    calendarEventList();

    if($('#chk').val() == '1') {

        screenWriteWeek();

    }else {

        screenWriteMonth();

    }

}

// ajax로 이벤트 데이터를 받는다

function calendarEventList() {

    $.ajax({

        url: './calendarEventList.do',

        type: 'post',

        data: {

            "calendarId" : $('#calendarId').val()

        },

        async: false,

        success: function(lists) {

            if(lists.length != 0) {

                data.chk = true;

                data.cnt = lists.length;

                data.title = new Array();

                data.description = new Array();

                data.start = new Array();

                data.end = new Array();

                data.eventId = new Array();

                $.each(lists, function(i, item){

                    data.title[i] = item.summary;

                    data.description[i] = item.description;

                    data.start[i] = new Date(item.start.dateTime.value);

                    data.end[i] = new Date(item.end.dateTime.value);

                    data.eventId[i] = item.id;

                });

            }else {

                data.chk = false;

            }

        }

    });

}

// 주단위로 화면에 그린다

function screenWriteWeek() {

    var date = new Date();

    var month = date.getMonth()+1+locationMonth;

    if(month == 0) {

        locationYear--;

        locationMonth = 12 - Math.abs(locationMonth);

        month = date.getMonth()+1+locationMonth;

    }else if(month == 13) {

        locationYear++;

        locationMonth = locationMonth - 12;

        month = date.getMonth()+1+locationMonth;

    }

    var year = date.getFullYear()+locationYear;

    if(locationWeek < 0) {

        locationMonth--;

        month = date.getMonth()+1+locationMonth;

        if(month == 0) {

            locationYear--;

            locationMonth = 12 - Math.abs(locationMonth);

            month = date.getMonth()+1+locationMonth;

            year = date.getFullYear()+locationYear;

        }

        if(new Date(year, month-1, calendar.lastDay(year, month)).getDay() == 6) {

            locationWeek = calendar.make(year, month).length/7-1;

        }else {

            locationWeek = calendar.make(year, month).length/7-2;

        }

    }else if(locationWeek > calendar.make(year, month).length/7-2) {

        locationMonth++;

        month = date.getMonth()+1+locationMonth;

        if(month == 13) {

            locationYear++;

            locationMonth = locationMonth - 12;

            month = date.getMonth()+1+locationMonth;

            year = date.getFullYear()+locationYear;

        }        

        locationWeek = 0;

    }

    var months = [month-1, month, month+1];

    if(month == 1) {

        months = [12, month, month+1];

    }else if(month == 12) {

        months = [month-1, month, 1];

    }

    var monthDay = calendar.make(year, months[1]);

    var start = 0+locationWeek*7;

    var last = 6+locationWeek*7;

    var startIndex = monthDayIndex(monthDay, 1);

    var lastIndex = monthDayIndex(calendar.makeOne(year, months[1]), calendar.lastDay(year, months[1])) + startIndex;

    for(var i=start; i<=last; i++) {

        if(i<startIndex) {

            $('.week').eq(i%7).text('('+numFormat(months[0])+'.'+numFormat(monthDay[i])+')');

        }else if(i <= lastIndex) {

            $('.week').eq(i%7).text('('+numFormat(months[1])+'.'+numFormat(monthDay[i])+')');

        }else {

            $('.week').eq(i%7).text('('+numFormat(months[2])+'.'+numFormat(monthDay[i])+')');

        }

    }

    if(locationWeek != 0) {

        $('#yearMonth').text(year + "년 " + numFormat(months[1]) + "월 " + numFormat(monthDay[start]) + "일 ~ " + numFormat(months[1]) + "월 " + numFormat(monthDay[last]) + "일");

    }else {

        if(months[1] == 1) {

            $('#yearMonth').text((year-1) + "년 " + numFormat(months[0]) + "월 " + numFormat(monthDay[start]) + "일 ~ " + year + "년 " + numFormat(months[1]) + "월 " + numFormat(monthDay[last]) + "일");

        }else {

            $('#yearMonth').text(year + "년 " + numFormat(months[0]) + "월 " + numFormat(monthDay[start]) + "일 ~ " + numFormat(months[1]) + "월 " + numFormat(monthDay[last]) + "일");

        }

    }

    var tag = new StringBuffer();

    for(var i=0, j=0, k=0; i<384; i++) {

        if(i%8 == 0) {

            tag.append('<tr style="text-align: center;">');

            j++;

        }

        if(j%2 == 1) {

            if(i%8 == 0) {