웹 개발의 표준이 된 JSON JSON은 JavaScript Object Notation의 약자이다. 대부분의 IT 용어가 그러하듯 용어만 봐서는 전혀 감이 오지 않는다. JSON은 단순한 문자열에 불과하다. 이 점에 있어서는 XML과 다를 것이 없다. 하지만 Name-Value 방식의 구조로 최소한의 오버헤드로 데이터를 효율적이고 직관적으로 표현할 수 있는 장점이 있어 최근 서버-클라이언트간의 데이터 전송 포맷으로 널리 사용되고 있다. 나 또한 사내에서 개발 중인 시스템의 데이터 포맷으로 적극 활용하고 있다.(개인적으로 JSON의 철학에 매료된 나머지 도메인도 JSONObject로 정해버렸다.) JSON과 관련한 자세한 배경지식은 아래 사이트를 참고하도록 한다. 설명이 정말 잘 되어 있다. http:/..
MySQL 페이징 3요소 MySQL에서 페이징 구현시 고려할 요소는 3가지로 아래와 같다. LIMIT: 한 번 쿼리시 가져올 로우의 개수를 의미한다. 10을 지정하면 10개를 한 페이지로 가져온다. OFFSET: 앞서 생략할 로우의 개수를 의미한다. 10을 지정하면 앞의 10개는 생략하고 11번째 로우부터 가져온다. TOTAL: 페이징과 상관없이 실제 쿼리 결과의 전체 로우 개수를 의미한다. MySQL에서 정식으로 제공하는 개념은 아니다. MySQL 페이징 쿼리 MySQL의 페이징 쿼리는 아래와 같이 2단계로 이루어져있다. SELECT SQL_CALC_FOUND_ROWS A.* FROM (:QUERY) A LIMIT :LIMIT OFFSET :OFFSET; SELECT FOUND_ROWS() AS TOT..
1% 부족한 select 엘러먼트 HTML5에서는 select 엘러먼트를 이용하여 ComboBox 컨트롤을 구현할 수 있다. 하지만 기본 엘러먼트만으로는 기대치가 높은 사용자의 까다로운 요구를 수용하기에 기능이 너무 부족하다.(사실 이 글을 작성하게 된 계기도 사용자의 자동완성 기능 구현 요구 때문이었다.^^) 이런 select 엘러먼트의 부족한 기능을 강화시켜주는 애드온 성격의 라이브러리가 많은데 이번 글에서는 많이 사용되는 Select2 라이브러리의 기본적인 사용법을 설명하고자 한다. Select2 특징 본격적으로 사용법을 정리하기에 앞서 Select2 라이브러리의 기본적인 특징은 아래와 같다. 자동완성(AutoComplete)과 AJAX를 이용한 원격 데이터 불러오기가 가능하다. 자동완성의 경우 한..
JavaScript 공부, Bootstrap과 함께 시작해보자 JavaScript를 공부하는데 있어 가장 중요한 것은 자주 많이 코드를 작성해봐야 한다는 것이다. 하지만 Hello, World! 문구 하나를 찍더라도 화면에 출력하는 방법은 천차만별인 법이다. 나는 JavaScript를 처음 공부하는 사람에게 Bootstrap을 기반으로 코드를 작성할 것을 추천한다. 마치 Java 입문시 콘솔보다는 Swing을 이용하여 Hello, World!를 화면에 출력하는 것과 같은 이치이다. 기본 뼈대 페이지 작성하기 Bootstrap 3 기반의 기본 뼈대 페이지는 아래와 같다. 문서의 구조는 전형적인 HTML5 구조이다. 문자셋은 UTF-8이기 때문에 파일 저장시 UTF-8로 저장해야 한글이 깨지지 않는다. jQ..
- Total
- Today
- Yesterday
- 태그를 입력해 주세요.
- Kendo UI
- spring
- kotlin
- 로드 바이크
- Docker
- chrome
- 평속
- Eclipse
- graylog
- Spring Boot
- 구동계
- bootstrap
- node.js
- jpa
- JavaScript
- MySQL
- JHipster
- maven
- 알뜰폰
- Kendo UI Web Grid
- java
- jstl
- 자전거
- Spring MVC 3
- jsp
- DynamoDB
- CentOS
- 로드바이크
- Tomcat
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |