[Jquery] Jquery의 이벤트(Event) 관련 함수 - 2 (Mouse Events)

안녕하세요. 명월입니다. 이번 포스트는 저번 포스트에 이어 Jquery의 Event에 대해서 공부하겠습니다. 링크 - [Jquery, CSS] Jquery의 이벤트(Event) 관련 함수 - 1 (Attachment) Jquery Event - Jquery Api Document 함수 설명 .click() 마우스 클릭을 했을 때 반응하는 이벤트 .contextmenu() contextmenu가 나올 때 반응하는 이벤트(마우스 오른쪽 버튼을 누르면 메뉴입니다.) .dbclick() 더블 클릭을 하면 반응하는 이벤트 .hover() 마우스를 올렸을 때 반응하는 이벤트 .mousedown() 마우스 버튼을 눌렀을 때 반응하는 이벤트(왼쪽, 오른쪽 전부) .mouseenter() 영역에 마우스가 들어갔을 때 반..

Study/Javascript, Jquery, CSS 2016. 3. 30. 01:31

[Jquery] Jquery의 이벤트(Event) 관련 함수 - 1 (Attachment)

안녕하세요. 명월입니다. 이번 포스트는 Jquery 중에서 Event에 관계된 함수를 공부하겠습니다. jquery의 이벤트는 Window, Document 그리고 Dom의 동작에 대한 반응입니다. Jquey의 Event 함수가 많기 때문에 한번에 모든걸 공부하기는 힘들고 네 파트로 나누어서 공부를 하겠습니다. Jquery Event - Jquery Api Document 저는 이벤트를 크게 Attachment, Mouse Events, EventObject, 나머지 이벤트 파트로 나누겠습니다. Event handler Attachment는 Dom에 Event를 붙이는 함수입니다. 함수 설명 .bind() 요소에 대한 이벤트 핸들을 연결합니다. .delegate() 하위 엘리먼트의 선택자에 일치 하는 요소..

Study/Javascript, Jquery, CSS 2016. 3. 29. 01:29

[Jquery, CSS] Jquery의 CSS 관련 함수

안녕하세요. 명월입니다. 이번 포스트에서는 Jqeury 중에서 CSS 스타일과 관계된 함수를 공부하겠습니다. CSS 관련 함수는 말 그대로 Jquery 내에서 CSS의 값을 취득하거나 설정하는 함수입니다. CSS를 설정하는 함수가 있고, 높이, 위치를 구하는 함수가 있습니다. 그 외의 CSS 재정의하는 함수가 있습니다. 참고 - Jquery Api Document 함수 설명 .addClass() class속성에서 클래스를 추가합니다. .hasClass() class속성에서 클래스가 있는지 확인한다. .removeClass() class속성에서 클래스를 제거한다. .toggleClass() class속성에서 클래스가 있으면 추가, 없으면 제거한다. .height() 요소의 높이를 구하거나 설정합니다. .w..

Study/Javascript, Jquery, CSS 2016. 3. 28. 00:26

[Jquery] Attributes 관련 함수

안녕하세요. 명월입니다. 이번 포스트는 Jquery의 어트리뷰트 관련 함수에 대해서 공부하겠습니다. 먼저 어트리뷰트 관련 함수란 말 그대로 태그의 속성을 설정, 취득할 수 있는 함수입니다. 태그의 속성은 에서 href, id 등을 뜻합니다. Jquery에서 제공하는 어트리뷰트 함수는 addClass, hasClass, toggleClass, removeClass, attr, prop, removeAttr, removeProp, html, val로 10가지 종류가 있습니다 참고 - Jquery Api Document 함수 설명 .addClass() class속성에서 클래스를 추가합니다. .hasClass() class속성에서 클래스가 있는지 확인한다. .toggleClass() class속성에서 클래스가 ..

Study/Javascript, Jquery, CSS 2016. 3. 27. 01:53

[Jquery] Selector (선택자)

안녕하세요 명월입니다. 이번 포스트에서는 Jquery의 Selector(선택자)에 대해 공부하겠습니다. Jquery Selector는 「$(선택자)」의 구조로 사용됩니다. 링크 - W3School Jqury Selector Tutorial Exam Exam 위는 간단한 예제입니다만 Jquery의 선택자를 보니 CSS의 선택자와 같습니다. 그 밖에 많은 CSS의 선택자 Jquery에서 사용할 수 있을 것같네요. 링크 - [Jquery, CSS] 선택자(Selector) CSS의 선택자를 생각해보면 분명 단일 요소만 선택하는 게 아니라 같은 class를 선언했을 경우 복수의 요소가 적용되었었습니다. Jquery에서도 이러한 기능이 지원돼서 일괄처리가 가능합니다. 그리고 복수의 요소를 iterator 패턴으로..

Study/Javascript, Jquery, CSS 2016. 3. 26. 13:23

[정보 및 잡담] 호스팅이란? (서버 임대)

안녕하세요. 명월입니다. 이번 포스트는 호스팅에 대해서 알아보겠습니다. 우리가 프로그램을 작성하면 보통 서버라는 PC가 필요합니다. 서버라는 피시라고 해서 TV에서 보는 것처럼 큰 장롱만 한 서버를 생각하기 쉽습니다. 거대해서 일반사람들은 감히 다루지 못할 그런 존재의 물건이라고 생각하시는 분도 있더군요. 예전에는 어떨지 모르겠지만, 최근에는 그런 컴퓨터는 보통 서버라는 호칭보다는 슈퍼컴퓨터라는 말이 맞겠네요. 제가 알고 있는 서버라고 하면 집에서 사용하는 탑 피시처럼 생기거나 랙 서버로 해서 납작하게 생긴 제품이 두 개 있습니다. 타워서버 랙 서버 출처 - DELL 서버 물론 서버 PC라고 해서 꼭 이런 PC를 사용하는 게 아니고 일반 가정용 데스크톱으로도 서버를 운용할 수 있습니다. 이런 서버에 우리..

Development note/Etc. 2016. 3. 25. 00:59

[Postgres SQL - 3] 조작법 - 2

안녕하세요. 명월입니다. 이 번에는 실제 데이터를 작성하여 입력, 검색, 삭제하는 처리를 해보도록 하겠습니다. 먼저 example의 데이터를 컬럼을 여러 개 넣고 작성해 보도록 하겠습니다. 위와 같은 테이블을 작성해 보고 먼저 select 구문을 통해서 위 테이블 데이터를 확인해 보도록 하겠습니다. 데이터가 없네요.. 그러면 insert 구문을 통해서 데이터를 입력해 보도록 하겠습니다. 실행이 잘 처리가 되었네요. 다시 select를 통해서 데이터를 확인해 보겠습니다. 데이터가 입력이 된 것을 확인 할 수 있습니다. 여기서 우리는 테스트를 위해 데이터를 10개 정도 더 집어 넣어보도록 하겠습니다. 위와 같이 데이터를 9개 더 추가해서 넣어 봤습니다. 데이터가 10개 들어간 것을 확인해 볼 수 있습니다. ..

Study/Database 2015. 7. 26. 20:13

[Postgres SQL - 2] 조작법 - 1

안녕하세요. 명월입니다. 이번 포스트는 데이터베이스의 DDL 정의어에 대해서 공부하겠습니다. 데이터베이스는 크게 DDL, DML, DCL 이 세 개의 Language로 구성되어 있다고 말합니다. (솔직히 이건 이론적인 언어 구분이지 실무에서는 이건 DDL이다 이건 DCL이다 구분해서 사용하지는 않습니다.) 그 중 DDL은 테이블을 정의하는 언어입니다. 테이블을 정의하는 언어라는 표현이 조금 어렵네요. 단순히 데이터를 만드는 작업이 아닌 데이터의 그릇을 구성하는 언어라고 생각하시면 됩니다. IO와 비교를 한다면 단순히 XML의 구조와 XML 파일 이름, 저장 위치 등을 정하는 형태라고 생각하시면 되겠습니다. 먼저 테이블을 작성해 보겠습니다. 위 화면을 확인해 보면 Schemas까지 펼치면 위 SQL 버튼이..

Study/Database 2015. 7. 26. 20:04

[Postgres SQL - 1] 설치

안녕하세요. 명월입니다. 지금까지 우리는 웹에 대해 공부했습니다. 웹에 대해서는 좀 더 후에 자세히 다루도록 하고 예전 Java로 다시 돌아와서 우리는 IO에 대해 공부했습니다. 다시 정리하면 IO란 Input, Output의 약어로 우리는 통상 파일을 입, 출력하는 것을 뜻하는 것이었습니다. 특히 파일 중에 우리는 XML과 CSV에 대해서 조금 더 자세히 공부했었네요. 서버와 클라이언트 간의 소켓을 통해 통신을 주고받으면서 우리는 한 대의 서버와 다중 클라이언트에 대해서 생각을 했습니다. 그러나 분명 한 대의 서버로는 여러 클라이언트를 상대하기에는 분명 한계가 발생하게 됩니다. 그래서 우리는 여러 대의 서버로 여러 클라이언트를 상대하는 데 여기서 문제가 발생하는 것입니다. 한 대의 서버에서는 XML을 ..

Study/Database 2015. 7. 26. 19:53

JqGrid

안녕하세요. 명월입니다. 이번에는 Jquery를 이용한 grid를 사용해 보도록 하겠습니다. 실제 우리가 웹을 통해 도표적인 수식 값등을 나타낼 때는 table 태그를 사용해서 표를 작성해서 나타내는 것이 보편적이고 가장 많이 하는 형태입니다. Grid의 경우는 의외로 모듈이 무겁고 설정하기 까다롭기 때문에 실제로는 많이 사용하지는 않습니다. 그러나 그런만큼 장점 또한 분명히 있기 때문에 정말 필요하다 싶을 때 사용하면 되겠습니다. 먼저 Grid의 장점이라고 하면 제일 먼저 소트기능입니다. 물론 테이블 내에서도 우리가 소트 기능을 만들 수 없는 것은 아니지만 꽤 많은 시간을 할애해서 만들어야 하기 때문에 간단한 테이블에서는 만들기가 꺼려지는 것입니다. 그럴 때 그리드를 가져와서 사용하면 편하겠습니다. 먼..

Open source/Javascript, Jquery, CSS 2015. 7. 14. 09:00

Jquery Mobile

안녕하세요. 명월입니다. 이번 시간에는 저번 Jquery-UI에 이어 Jquery-Mobile에 대해서 알아보도록 하겠습니다. 우리가 web을 작성하고 각자 핸드폰으로 접속을 해보면 우리가 늘 보던 모바일 스타일의 웹 문서가 아닌, 글씨가 매우 작은 형식의 웹문서로 보이겠습니다. 이는 모바일의 해상도 문제인데 스마트폰의 크기는 작지만 해상도가 PC모니터와 비교해서 떨어지지가 않고 높은 퀄리티의 화면이기 때문에 브라우저는 저 해상도로 인식하지 않고 문서를 보여주기 때문에 글자 크기가 매우 작게 보여지는 현상이 나타나는 것 입니다. 그래서 우리는 각 웹 문서를 모바일에 맞게 크기를 설정해 주어야 하는데, 모든 문서를 설정해서 사용해야 합니다. 그런데 Jquery 라이브러리 중에서는 이 모바일 전용의 API가..

Open source/Javascript, Jquery, CSS 2015. 7. 13. 09:00

Jquery UI

안녕하세요. 명월입니다. 이전 포스팅에서는 Jquery와 Css에 대해서 공부했습니다.. 그러면 지금부터는 Jquery에서 제공하는 API에 대해서 공부하겠습니다. Jquery – UI : 링크 Jquery UI는 기본적으로 웹에서 제공하는 Input태그는 물론 프로그래스바, 팝업, 슬라이드 메뉴 등을 제공합니다. 사용자가 Css와 Jquery를 이용해서 제공하는 테마를 사용하지 않고 만들어서 사용할 수 있지만 오브젝트를 일일이 만들어서 사용하면 생산성도 많이 떨어지기 때문에 직접 만드는 것보다는 검정된 라이브러리를 사용하면 생산성을 올리고 품질을 좀 더 향상시켜서 개발할 수가 있습니다. 먼저 Jquery-UI 웹 페이지에 접속해서 Demos 탭 항목에 접근하여 Jquery-UI의 기능에 대해 좀 더 살..

Open source/Javascript, Jquery, CSS 2015. 7. 12. 23:03

[Jquery] Ajax(비동기 통신)와 Json

안녕하세요. 명월입니다. 이전 포스트까지 우리는 Jquery에 대해 공부하였습니다. 이번 포스트에서는 Jquery를 통한 비동기 통신(Ajax)에 대해 공부하겠습니다. 지금까지 웹 서버와 브라우저 간에 문서(HTML)를 주고 받는 통신을 하는 것을 공부했습니다. 그런데 우리가 웹 페이지를 다루다 보면 겉의 형태는 같은데 내용을 다르게 해야 할 경우가 있습니다. 그럴 때마다 HTML 문서를 만들고 그 안의 데이터를 넣는다는 것은 생산성이 매우 떨어 질 것입니다. 그렇게 작성을 한다 하여도 전부 재사용을 한다면 생산성이 매우 떨어지는 편은 아니겠네요.. 그러나 우리가 지금 공부하고자 하는 것은 Html문서는 그대로 있고 Jquery을 이용해 백그라운드 통신에 대해 공부를 하는 것입니다. 작성방법은 웹 페이지..

Study/Javascript, Jquery, CSS 2015. 7. 5. 09:00

[Jquery] Jquery 기초

안녕하세요 명월입니다. 저번 포스트까지 우리는 Javascript를 통해 웹 문서를 동적으로 움직이게 하는 것에 대해 공부하였습니다. Javascript에서 Object에 접근하기 위해 Object의 Id가 필요했습니다. 물론 id가 아닌 name과 class로도 접근이 가능하지만 보통 id로 object로 접근을 하는 경우가 많기 때문에 id로 접근을 한다고 했을 때 Object의 id가 필요합니다. 예전처럼 웹 문서가 단순하고 객체의 수가 적으면 Object마다 id를 선언해 처리해도 문제가 없습니다. 점점 웹 문서가 복잡해지고 한 페이지 안에 많은 정보를 넣으려는 노력으로 웹 문서 크기는 예전에 비해 커지고 커진 웹문서의 Object에 ID를 선언한다라는 것은 불가능에 가까워 질 것입니다. 그래서 ..

Study/Javascript, Jquery, CSS 2015. 7. 4. 09:00

[정보 및 잡담] 아파치와 파이어 폭스 설치(애드온 Firebug 설치)

안녕하세요. 명월입니다. 저번 포스트까지 Java 언어로 웹 서버를 만들어서 웹 브라우저와 송수신을 하는 것을 공부했습니다. 그러나 제가 만든 웹 서버는 표준 프로토콜을 대응한 것이 아니라 일부만 대응한 프로그램이기에 실제로 웹 서버로 사용하기에는 부족함이 있습니다. 그래서 우리는 무료 배포 프로그램을 이용하여 웹서버를 만들 필요성이 있는 데 이가 바로 그 유명한 아파치입니다. 아파치 서버는 아파치 재단에 만든 오픈 무료 공개 서버 입니다. 무료라고 해서 그 기능으 부족하고 버그가 많은 것도 아니고 꽤 안정적이고 좋은 성능을 내고 있습니다. 저도 윈도우의 IIS외의 리눅스 버전에서는 아파치 이외의 웹서버를 써본 적이 없습니다. 우리가 앞으로 웹 문서를 작성하기 위해서는 이 웹서버가 필요한데 그러기 위해서..

Development note/Etc. 2015. 6. 30. 21:06

[정보 및 잡담] Html에 대해서

안녕하세요. 명월입니다. HTML이란 Hyper Text Markup Language의 약어로서 간단하게 설명하면 브라우저에서 인식하는 문서형식입니다. HTML은 XML형식으로 이루어져 있고 시작 태그는 HTML로 시작해서 크게 head, body로 나누어지고 body안에서는 header, main, footer등으로 나누어져 표현을 합니다.쉽게 이야기 하면 웹 문서간에 정해진 XML일이라고 생각하면 됩니다. Html 태그에 대해 설명을 하면 내용이 꽤 많기에 기회가 되면 따로 카테고리를 만들어서 공부를 하고 이번 포스트에서는 동작원리에 대해서만 공부를 하겠습니다. 우선 이클립스를 이용해서 html 문서를 만들어 보도록 하겠습니다. 사실 HTML문서 정도는 일반 메모장으로 작성으 가능한데.. 그래도 작성..

Development note/Etc. 2015. 6. 17. 01:29

[정보 및 잡담] 웹 프로토콜

안녕하세요. 명월입니다. 우리는 웹서핑을 하면서 웹서비스를 인터넷 브라우저를 통해 이용한다는 것을 모르는 사람은 없을 것 입니다. 모른다면 지금 제 블로그를 볼 수가 없겠죠...ㅎㅎ 저번 포스트까지 소켓을 통해서 서버, 클라이언트를 나누고 정보를 주고 받는 것을 공부했는데, 브라우저의 경우는 이 클라이언트라고 생각하면 될 듯 싶네요. 클라이언트, 즉 브라우저는 웹 서버로 부터 HTML문서와 이미지, CSS, Javascript 파일등을 다운 받아서 그 다운받은 파일을 각자의 역할에 맞게 분석하고 화면에 뿌려주는(?) 표현해주는 역할을 담당하고 있습니다. 화면에 뿌리다, 표현하다라는 말이 조금 애매한데 어떻게 보면 가장 정확한 말인 듯 싶네요.. 일단 이 말보다 더 정확하게 알아보아야 할 것은 브라우저는 ..

Development note/Etc. 2015. 6. 17. 01:15

[Java] 파일 전송 예제

안녕하세요. 명월입니다. 이번 포스트는 파일 전송 모듈에 대해 작성해 보겠습니다. 파일을 전송하는 소스는 많이 사용하면서 제대로 정의되어 있는 소스가 없는 것 같아서 제가 구현해 보았습니다. 물론 고수분들은 이런 게 필요 없겠지요...ㅜㅜ제가 만들 파일 전송 클래스는 총 7개로 이루어져 있습니다. package kr.pe.nowonbun.filetransfer; import java.net.InetSocketAddress; public class FileTransferAddress extends InetSocketAddress { private static final long serialVersionUID = 1L; public FileTransferAddress(String hostname, int p..

Development note/Java 2015. 6. 11. 00:31

[Java] Zip 압축 해제하기

안녕하세요 명월입니다. 이번 포스트는 저번 포스트의 압축된 Zip파일을 해제하는 모듈을 만들어 보겠습니다. Zip 압축 하기 포스트 - [Java] Zip 압축하기 import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.util.zip.ZipEntry; import java.util.zip.ZipInputStream; public class Zip { /** * 압축풀기 메소드 * @param zipFileName 압축파일 * @param directory 압축 풀 폴더 */ public static void decompress(String zipFileName, String direc..

Development note/Java 2015. 6. 8. 23:07

[Java] Zip 압축하기

안녕하세요. 명월입니다. 이번 포스트에 Zip파일로 압축하는 방법을 공부하겠습니다. Java로 Zip파일 압축 모듈은 Java의 API에 포함되어 있는 내용이고 그렇게 어려운 내용도 아닙니다만, 만들어진 소스를 구하려고 구글링을 하면 각기 제시하는 예제도 다 틀리고 버그도 많이 있어서 제가 만들어 봤습니다. import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import java.util.zip.ZipEntry; import java.util.zip.ZipInputStream; import java.util.zip.ZipOutputStream; public class Zip { /** * 압축 메소드 *..

Development note/Java 2015. 6. 8. 22:34

[C#] 계산기 프로그램

안녕하세요 명월입니다. 이번 포스트는 C#으로 작성한 계산기 소스입니다. Java로 작성한 계산기 소스도 있으니 참고하시면 도움될 듯싶네요 Java로 만든 소스와 거의 소스가 비슷합니다. 단지 데이터 타입 클래스와 함수명 정도 차이 입니다. 링크 - [Java / 자바] 계산기 프로그램 using System; using System.Collections.Generic; using System.Text; using System.Collections; namespace Calculator { public class Calculate { private String[] OPERATION1 = { "(", ")", "," }; private String[] OPERATION2 = { "!" }; private ..

Development note/C＃ 2015. 6. 7. 23:53

[Java] 계산기 프로그램

안녕하세요. 명월입니다. 이번 포스트는 계산기 프로그램에 대해 알아보도록 하겠습니다. 계산기 프로그램을 작성할 때는 가장 난해하다고 생각되는 부분이 중위 표기법에서 후위표기법으로 변환할 때라고 생각합니다. 중위 표기법은 무엇이냐고 하면, 우리가 일상생활에서 사용하는 숫자 식1 + 5 * 2 = 이런 것을 중위 표현 식이라고 하고 후위 표기 식은 컴퓨터가 인식하기 쉽게 변형한 152*+ = 이런 식으로 변환한 것이 후위 표기식이라고 합니다. 중위 표기법에서 후위 표기법으로 변환하는 이유는 사람은 사직 연산할 때 당연히 * / 먼저 처리하고 + - 을 처리하는 순서를 알고 있습니다. 즉 1 + 5 * 2를 계산하면 자연스럽게 11이라는 값이 나옵니다.. 그러면 컴퓨터도 사람처럼 *, /를 먼저 계산하고 +,..

Development note/Java 2015. 6. 7. 23:14

[Java] BitConverter

안녕하세요 명월입니다. 이번 포스팅에서는 Bitconverter에 대해서 알아보도록 하겠습니다. BitConverter 란 int 등의 정수, 실수를 4byte단위로 변환시켜주는 변환 클래스입니다. 원래 이 개념은 Java가 아닌 C#에서 사용하는 클래스인데 개인적으로 참 유용한 클래스여서 Java에서도 들여와서 만들어 보았습니다. 파일 첨부하니 확인 해 보시기 바랍니다. 그럼 사용방법입니다. 위 예제를 살펴 보시면 Socket.Send를 하기 전에 보낼 메시지의 크기(Length)를 byte[]로 변환하고 한 번 보내고 나서 데이터를 보내는 형태입니다. 받는 쪽에서는 먼저 4byte로 된 데이터 크기를 먼저 받고 나서 그 크기만큼 byte를 선언 후에 데이터를 받는 형태입니다. 이렇게 하면 데이터의 크..

Development note/Java 2015. 6. 5. 22:12

[정보 및 잡담] 네트워크란 (인터넷(Internet), 아이피(IP), 포트(Port))

안녕하세요. 명월입니다. 우리가 프로그램 개발하는 데 있어 IO 다음으로 중요하다고 생각되는 부분이 통신 부분입니다. 통신이란 단순히 생각하면 컴퓨터와 컴퓨터 간의 정보교환을 의미합니다. 그 뜻은 컴퓨터 간에 선을 연결하여 내가 원하는 정보, 혹은 상대가 원하는 정보를 전달하고 수신하는 것을 뜻하는 것입니다. 그중에서 통신 방법에 관해 여러 가지가 있지만, 우리가 잘 알고 있는 인터넷에 대해 예로 들겠습니다. 최초 통신은 컴퓨터와 컴퓨터 한 대씩 연결하여 통신한 것으로 생각하면, 인터넷은 한 대가 아닌 여러 대, 더 넓게는 전 세계의 컴퓨터를 연결한 것입니다. 우리가 브라우저를 접속하여 주소창에 URL을 넣고 접속하면 어디 선가의 컴퓨터에서 그 URL에 대한 정보에 대한 회신을 내 컴퓨터로 반송하는 것입..

Development note/Etc. 2015. 6. 5. 21:56

[C#] 소켓통신 - 서버에서 특정 클라이언트만 메시지 전송

안녕하세요. 명월입니다. 참 오랫만에 C# 코드를 작성하는 것 같습니다. 요즘 우분투와 자바 매력에 흠뻑(?) 빠져들어서 C#코드는 거의 다루지를 못하고 있습니다. 소켓 통신에 있어서 특정 클라이언트만 메시지를 보내고 싶다라는 질문이 있어서 간단한 예제 소스를 작성해 봤습니다. 결과를 확인 해보시면 위쪽부터 3개는 클라인트 맨 밑은 서버로 구성되어있습니다. 그럼 메시지를 전송해 보겠습니다. 자 결과를 보시면 test1한테는 hi, test2는 hello, test3은 gogogo를 보냈는데 원하는 클라이언트에게만 메시지가 전송이 되었습니다. 그럼 서버 소스를 확인 해 보도록 하겠습니다. using System; using System.Collections.Generic; using System.Text;..

Development note/C＃ 2015. 5. 14. 22:46

[Java] WebSocket Parameter Encoding

안녕하세요 명월입니다. 이번 포스팅에서는 Websocket의 파라미터 설정에 대해 알아보도록 하겠습니다. Parameter Encoding 이라 해서 무슨 뜻인지 설명을 하자면, 보통 WebSocket으로 전송해오는 메시지는 String형식으로 데이터를 받습니다. String이라고 해도 안에는 JSON을 해서 보내겠지요. 그러면 message를 받아서 일일이 objectMapping을 이용해서 클래스로 변환을 해야 합니다. 사실 이렇게 해도 그렇게 문제가 되지는 않습니다만, 조금은 깔끔한 프로그래밍(?) 답지 못해 보이네요.. (저는 소스에 new가 많을수록 허접한 프로그램이라고 보는 입장이라… 퍼포먼스도 new가 많을수록 느려지는 거 아시죠??) 이걸 어노테이션에 값을 넣어서 수정할 수 있습니다. 아래..

Development note/Java 2015. 4. 21. 23:00

[Java] ObjectMapper 클래스

안녕하세요. 명월입니다. 이전 포스트에서 클라이언트에서 자바스크립트의 내장 클래스를 이용해 데이터를 JSON형식으로 변환하여 클래스형식으로 변환하는 것에 대해 공부하였습니다. 링크 - [Javascript / 자바스크립트] JSON.stringify 함수 링크 - [Javascript / 자바스크립트] JSON.parse 함수 이번 포스트에서는 클라이언트가 아닌 서버 단에서 오브젝트 형식을 JSON으로 변환 또는 JSON형식을 오브젝트 형식으로 변환하는 방법에 대해 알아보겠습니다. Java언어에서 Json을 다루는 라이브러리는 크게 두 가지가 있습니다. JavaEE에서 제공하는 Javax.json이랑 공개라이브러리인 Jackson.json이 있습니다. 이 둘의 차이는 표준이냐 아니냐와 성능 차이가 있습니..

Development note/Java 2015. 4. 21. 00:24

[Javascript] JSON.parse 함수

안녕하세요. 명월입니다. 저번 글에서는 JSON.stringify를 함수를 이용해서 클래스 형식의 데이터를 JSON으로 변환하는 것에 대해 소개하였습니다. 이번 글는 반대로 Json형식으로 된 string값을 Object형식으로 변환하는 자바스크립트의 내장함수인 JSON.parson에 대해 소개하겠습니다. JSON.parson 함수의 사용방법은 JSON.stringify의 반대 형식으로 Json형식으로 된 String 형식을 파라미터로 넣으면 Object형식의 데이터가 반환됩니다. {"result1":"test","result2":"test2","result3":"test3"} span태그에서 json형식으로 된 값을 가져와서 JSON.parse함수를 이용해서 object로 변환했습니다.콘솔 로그를 보니..

Development note/Javascript, JQuery, CSS 2015. 4. 20. 00:24

[Javascript] JSON.stringify 함수

안녕하세요. 명월입니다. 이 글은 자바스크립트에서 Json을 다루는 stringify함수에 대해 소개하겠습니다 최근에 프로젝트를 하다 보면 Json이란 단어를 참 많이 접하게 되는 것 같습니다. 한 5~6년 전만 해도 Json의 비중보다는 XML의 비중이 컷는데 말입니다. 개인적인 생각인데 웹 문서가 XML이다 보니 정보교환의 구분 점을 위해 JSON을 많이 사용하게 되는 것 같네요. Json의 구조는 XML과 비슷합니다만 다른 점은 XML은 각 요소의 속성을 부여할 수 있는데 JSON은 속성은 없고 오로지 값에 대한 구조로만 이루어져 있습니다. 즉, 포괄적인 정보 교환으로는 아직도 XML을 사용하는 데, 값의 대한 정보만 주고 받는 데이타면 JSON을 더 많이 사용합니다. 그럼 Json의 구조에 대해서..

Development note/Javascript, JQuery, CSS 2015. 4. 19. 23:56

[Java] Xml파서로 xPath형식으로 xml작성하기

안녕하세요.. 명월입니다. 이번 포스팅에서는 저번 포스팅에 이어서 읽어드리는 것이 아니고 xml을 만드는 모듈을 만들어 보겠습니다.. 이 부분도 역시 JAVA api가 있는데 저는 만들어 버렸네요… 보통 표준 모듈이라하면 API를 이용하는게 더 버그가 줄겠지만 만들어 쓰게 되면 이런저런 응용이 가능하겠습니다. 먼저 소스를 부분입니다. import java.util.ArrayList; import javax.xml.parsers.DocumentBuilderFactory; import javax.xml.transform.TransformerFactory; import javax.xml.transform.dom.DOMSource; import javax.xml.transform.stream.StreamResu..

Development note/Java 2015. 2. 15. 22:50