소스 코드: https://github.com/wakeup5/Portfolio-Collection/tree/master/Console%20Portfolio 

0. 용어

스칼라 - 기압, 속력 등 숫자로 표기 가능한 값.

벡터 - 속도와 같이 크기와 방향을 가지는 값.

0벡터 - 크기가 0인 벡터

기저벡터 - 좌표축과 동일한 방향을 가지는 벡터

단위벡터 - 방향을 가지고 있으나 그 크기가 1인 벡터

법선벡터 - 어떠한 벡터와 수직 - 내적의 값이 0인 벡터

정규화 - 어떠한 벡터를 단위벡터로 만드는 것.

내적 -

1. DirectX 3D 상의 벡터

벡터는 각 x, y, z축에 대한 값을 요소로 가지고 있는 구조체이다.

2. 벡터의 연산

2.1 더하기, 빼기

벡터의 더하기와 빼기는 각 요소를 각각 더하거나 빼준다.

2.2 곱하기

벡터의 곱하기는 벡터와 스칼라와의 연산만 가능하다.

각 요소에 스칼라값을 곱하며, 크기가 스칼라 값 만큼 증가한다.

2.3 길이

피타고라스의 정리를 통해 얻을 수 있다. 각 요소를 제곱해 더한 다음 루트 값을 구하면 길이를 구할 수 있다.

jquery ui에서 달력을 지원 하고 있다.

주소는 http://jqueryui.com/datepicker/ 이며 간단하게 달력을 만들 수 있다.

기본적인 사용법은 이렇다.

<div>로 하면 달력이 상시 보이게 된다.

더 이상의 기능은 http://api.jqueryui.com/datepicker/ 에서 확인.

http://greenish.github.io/jquery-slides/#download

display : table, table-cell은 table, td태그와 같은 효과를 부여하여 table-cell내 요소의 세로 정렬을 가능하게 만들어 준다.

append : 요소내의 맨 마지막에 새로운요소를 추가

prepend : 요소내의 맨 처음에 새로운 요소를 추가

after : 요소의 뒤에 추가

before : 요소의 앞에 추가

다운로드 : http://www.garralab.com/nailthumb.php

사용법

아주 간단하게 썸네일 이미지를 모여줄 수 있다.

내가만든 java용 webSocketServer library

wakeup5_JavaWebSocketServer_v0.1.jar

1. 웹소켓 지원 브라우저 

(출처 - http://caniuse.com/#feat=websockets)

Current에 있는 것이 현재 버전이고

초록색이 지원, 분홍색이 미지원 브라우저.

(현재 대부분의 브라우저가 지원을 하는데 안드로이드는 이제야 지원하는 것 보니 왜 진즉에 안했나 싶음.. 유저에게 업데이트를 강제할 수도 없고 ㅡ.,ㅡ)

2. 웹소켓의 접속 과정

먼저 클라이언트에서 접속 요청을 보내고, 서버에서 요청을 받아 요청 정보를 핸드쉐이크 후 응답을 하면 소켓이 연결이 된다. 그 이후 소켓 통신처럼 스트림을 이용해 데이터를 주고 받을 수 있다.

2-1. 웹소켓의 접속

웹소켓의 접속은 브라우저에서 이루어지며 접속 방법은 다음과 같다.

var ws= new WebSocket('ws://localhost:8080/resources');

접속url은 ws:// 혹은 wss://(http://와 https://랑 같다), 접속할 host와 포트, /이후의 리소스로 이루어 진다.

2-2. 웹소켓 오픈 핸드쉐이크

먼저 요청을 보내고, 서버에서는 요청 헤더를 보고 적절히 응답을 보내야 한다. 이러한 과정을 핸드쉐이크라고 한다.

요청 헤더

응답 헤더

응답 헤더는  HTTP/1.1 101 Switching Protocols로 시작하며

Upgrade: websocket
Connection: Upgrade

Sec-WebSocket-Accept:

이 세개의 키값은 반드시 포함하여야 한다.

Sec-WebSocket-Accept의 값 만드는 방법

1. 요청 헤더의 Sec-WebSocket-Key 값에 미리 정의된 문자열을 ("258EAFA5-E914-47DA-95CA-C5AB0DC85B11")를 붙여 새로운 문자열을 만든 후,

2. 새로운 문자열을 SHA-1로 암호화.

3. 암호화 된 값을 다시 BASE64로 인코딩 하고 Sec-WebSocket-Accept를 키로하는 응답 헤더를 작성.

여기까지가 연결 핸드쉐이크이며 응답을 받은 클라이언트에서 Sec-WebSocket-Accept값을 비교하여 값이 일치 할 경우 소켓이 연결되며, 데이터를 주고 받을 수 있다.

2-3 웹소켓의 데이터.

0. 웹소켓 정보

웹소켓 api - http://www.w3.org/TR/2011/WD-websockets-20110419/#websocket

웹소켓 문서 - http://tools.ietf.org/html/rfc6455

 : 웹소켓 정보에 대해 아주 자세히 나와있으나 영어.. ㅠㅠ

이렇게 하면 객체를 생성하지 않아 제너릭 타입을 스테이틱 메소드에서는 사용이 불가능 하던 것을 스테이틱 메소드 하나에 한해서 제너릭을 사용이 가능하도록 할 수 있다. 명시된 리턴 타입 앞에 제너릭을 붙여준다.

이런 기법은 주로 Collection 프레임 워크에서 많이 사용한다..

일반적으로 잘 사용하지 않는 태그 중 LABEL 태그가 있다. 이 LABEL 태그를 잘 활용하면 라디오 버튼, 체크 박스, 입력 상자 등의 폼 컨트롤을 직접 선택하지 않고 텍스트만 눌러도 폼 요소가 선택이 되는 효과를 줄 수가 있다.

먼저 실행 결과부터 살펴 보도록 하자.

위 실행 결과에 대한 소스는 다음과 같다:

사용 방법은 간단하다. LABEL 태그의 속성으로 FOR를 사용하여 연결된 폼 컨트롤의 ID를 할당해 주면 된다.