Software Engineer, Java, Spring Boot, JAX-RS REST API, OAuth 2.0, Microservice, DevOps

HTTP GET 요청시 파라메터의 최대 크기 = URI의 최대 크기 클라이언트에서 HTTP GET 요청시 파라메터는 고스란히 URI에 포함되어 브라우저를 통해 서버에 전달된다. 이러한 HTTP GET 요청 방식의 특성상 전달 가능한 파라메터의 최대 크기는 곧 브라우저에서 허용 가능한 URI의 최대 크기가 된다. 허용되는 URI의 최대 크기는 2083~6200byte로 브라우저마다 제각각이다. 따라서 HTTP GET 요청은 이 점을 고려하여 신중하게 설계해야 한다. 전달할 파라메터가 크기가 크다고 판단되면 GET보다는 HTTP POST 요청을 하는 것이 안전하다. RFC 문서에 의하면 전달할 파라메터의 크기가 브라우저의 허용치보다 클 경우 URI가 잘린 채 전송되거나 서버로부터 414 Request-URI..

웹 애플리케이션의 프론트엔드 화면을 개발하다보면 가장 빈번하게 사용하는 것이 사용자로부터 검색조건이나 등록할 정보를 입력받는 input 엘러먼트이다. 가장 많이 사용되는 text 타입과 select 엘러먼트를 예로 들어 간단한 input 엘러먼트 제어 방법을 정리하였다. HTML 선언하기 Korea China Japan JavaScript에서 제어하기 jQuery에서는 아래와 같이 input 엘러먼트에 대한 제어가 가능하다. // TextBox를 비활성화한다. INPUT 엘러먼트로 선언할 수 있는 모든 타입의 컨트롤이 가능하다. $('#someText').prop('disabled', true); // TextBox를 활성화한다. $('#someText').prop('disabled', false); /..

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..