한국성서대학교 인터넷보안 시간 때 기말프로젝트로 진행한 Node.js와 AES암호화 라이브러리를 이용한 웹 보안채팅 발표자료입니다.

1. Web Security Chatting
Application Project
한 국 성 서 대 학 교
컴퓨터소프트웨어학
201003012 류명운
인터넷보안 기말 프로젝트

2. 목 차
Ⅰ. 역할분담 및 일정
Ⅱ. 주제소개 및 개발환경
Ⅲ. System Architecture
Ⅳ. Hardware/Software Architecture
Ⅴ. IS YOU CHAT History
Ⅵ. 서버구축 및 시현
Ⅶ. IS YOU CHAT Flow chart
Ⅷ. SSL보안구축
Ⅸ. 질문 & 답변
Ⅹ. 참고문헌

3. 김건희
 SSL이란 무엇인가 / 적용법
류명운
 웹 채팅 서버구축 및 클라이언트 보안 채팅 패이지 개발
 발표자료 작성
 AES알고리즘에 대하여
 보고서 및 일지 작성
Ⅰ. 역할분담 및 일정

4. 개발환경
 운영체제 : Windows7
주제소개
 웹소켓을 이용한 웹 보안 채팅 어플리케이션
 개발 툴 : Notepad
 개발언어 : HTML5/CSS3, JAVASCRIPT
Ⅱ. 주제소개 및 개발환경

5.  Javascript
System
Architecture
 Tomcat WAS  Websocket
module HTML5 / CSS3  AES Library
 Node.js
Node
Websocket
module
Tomcat
WAS
HTML5
/ CSS3
AES
Library
Javascript
Ⅲ. System Architecture

6. Ⅳ. Hardware / Software Architecture

7. Ⅴ. IS YOU CHAT HISTORY

8. Ⅴ. IS YOU CHAT HISTORY
IS YOU CHAT ver0.1 - '14.11.19. 20:11
·노드를 사용해서 자바스크립트로 짠 Websocket server.js 실행
·클라이언트 페이지(html) 작성 및 테스트

9. IS YOU CHAT ver0.2 - '14.11.20. 05:28
· Node에서 실행 시킬 웹 소켓 서버인 Broadcast.js 파일 작성
Ⅴ. IS YOU CHAT HISTORY

10. IS YOU CHAT ver0.3 - '14.11.21. 04:07
· 디자인 로고 / 모바일 / 데스크탑에 맞춤비율
· 클라이언트 메시지 출력화면 밎 서버 콘솔창 출력화면 설계
· 실시간 동시접속자 수 출력
· 실시간 동시접속자 수 출력
Ⅴ. IS YOU CHAT HISTORY

11. IS YOU CHAT ver1.0 - '14.11.22. 03:10
· 자바스크립트로 짜여진 AES 암호화 라이브러리 적용
Ⅴ. IS YOU CHAT HISTORY

12. IS YOU CHAT ver2.0 - '14.11.22. 18:40
· 보안채팅 활성화 / 비활성화 기능 추가
Ⅴ. IS YOU CHAT HISTORY

13. IS YOU CHAT ver3.0 - '14.11.23. 20:10
· 암호화/복호화에 사용되는 암호키(대칭키)변경 기능 추가
Ⅴ. IS YOU CHAT HISTORY

14. IS YOU CHAT Main Page - '14.11.24. 03:27- http://210.123.254.127:8080/isyouchat/main.html
· ① 클릭 시 IS YOU CHAT Main page로 이동
· ② 홈(Main) / 사용하기(Use) / 연락(Call) 페이지로 이동
· ③ 본 웹 어플리케이션에 대한 설명 및 간단한 사용법
· ④ 채팅 어플리케이션
· ⑤ 만든이 및 개발기간, 템플릿 디자인 출처
Ⅴ. IS YOU CHAT HISTORY

15. IS YOU CHAT Use Page - '14.11.24. 04:09 - http://210.123.254.127:8080/isyouchat/use.html
· ① 채팅 어플리케이션 사용 방법에 대하여
Ⅴ. IS YOU CHAT HISTORY

16. IS YOU CHAT Help Page - '14.11.24. 04:21- http://210.123.254.127:8080/isyouchat/help.html
· ① 버그 및 문의사항 접수 받을 연락처 기재
Ⅴ. IS YOU CHAT HISTORY

17. Ⅵ. 서버 구축 및 시현
210.123.254.127:8080/isyouchat.html

18. Ⅶ. IS YOU CHAT Flow Chart

19. Ⅶ. IS YOU CHAT Flow Chart
메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송

20. 메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 1 : A, B, C 모두 일반상태에서
일반 메시지를 보냈을 경우
[C1] [평문 테스트]
[C1] [평문 테스트]
Ⅶ. IS YOU CHAT Flow Chart

21. 메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 2 : A, B 보안상태 / C 일반상태에서
A가 암호화된 메시지를 보냈을 경우
[C1] [암호화 메시지 테
스트(a,b=보안 c=일반]
[C1] [암호화 메시지 테
스트(a,b=보안 c=일반]
aserjlkaserjkl@#$@221
34324@#$kaelw
aserjlkaserjkl@#$@221
34324@#$kaelw
Ⅶ. IS YOU CHAT Flow Chart

22. 메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 3 : A 보안상태 대칭키=‘bible123’
/ B 보안상태 대칭키=‘isyouchat’
/ C 일반상태에서 A가 암호화된 메시지
를 보냈을 경우
[C1] [대칭키 변경
후 암호화 메시지]
awjeklajwlek@#!1!!1239
287423$se@
awjeklajwlek@#!1!!1239
287423$se@
c@@!!!%$#@%kwkwje
mejqrkle#
Ⅶ. IS YOU CHAT Flow Chart

23. 메시지를 작성하고
전송버튼을 Click 한다.
닉네임과 메시지가
입력되었는가
Node.js
(module:websocket)
경고창
메시지 암호화
Y
N
Y
N
보안채팅
Y
암호키변경
Y
+
C1이 입력한 암호키
초기화 암호키
(isyouchat)
+
N
Web Server
(Tomcat WAS)
보안채팅
암호키변경
+
New 암호키
초기화 암호키
(isyouchat)
+
Y
N
Chatting View 출력
Broadcast로 전송
조건 4 : A, B 보안상태 동일한 대칭키
=‘bible123’ / C 일반상태에서
A가 암호화된 메시지를 보냈을 경우
[C1] [A,B 대칭키 변경
후 암호화 메시지]
awjeklajwlek@#!1!!1239
287423$se@
awjeklajwlek@#!1!!1239
287423$se@
[C1] [A,B 대칭키 변경
후 암호화 메시지]
Ⅶ. IS YOU CHAT Flow Chart

24. 웹서버 SSL/TSL보안 구축
• HTML5에서 제공하는 wss(Web Socket Secure)사용
Ⅷ. SSL보안 구축

25. ReferenceSSL/TLS, WTLS의 현재와 미래
이진우 식별저자, 남정현 식별저자, 김승주 식별저자, 원동호
2004.8
SSL Protocol 기반의 서버인증
조인석, 윤재호, 권태경
한국통신학회, 한국통신학회 학술대회논문집 , 2003.11
SSL Protocol 기반의 서버인증
조인석, 윤재호, 권태경
한국통신학회, 한국통신학회 학술대회논문집 , 2003.11
위키리스트
http://ko.wikipedia.org/wiki
텀즈:브로드캐스트
http://www.terms.co.kr/broadcast.htm
zdNet Korea HTML5 표준의 꽃 '웹소켓'…뭐길래?
http://www.zdnet.co.kr/news/news_view.asp?artice_id=201110
28085010
socket.io(nodeJS 활용 채팅방 만들기 - 모듈 설치 및 HTML 코
딩)
http://blog.naver.com/musasin84/60190953953
html5korea에서 제공하는 Multi WebSocket Chat Promgram
https://www.koreahtml5.kr/jsp/exercise/webSocketDtl.jsp
이상 발표 끝!
감사합니다
이상 발표 끝! 감사합니다