IT is True

Intro JSP 라이브러리에서는 HTTP 메시지를 편리하게 조회하고 사용할 수 있도록 도와주는 HttpServletRequest, HttpServletResponse 객체를 제공하고 있다. HttpServletResponse HTTP 응답 메시지를 개발자가 직접 생성해도 되지만 매우 번거롭다. 서블릿(Servlet)은 개발자가 HTTP 응답 메시지를 편리하게 사용할 수 있도록 생성해 준다. HttpServletResponse는 HTTP 응답 메시지를 생성하는 역할을 한다. HTTP 응답 메시지 생성 HTTP 응답 코드 지정(1xx, 2xx, 3xx, 4xx, 5xx) 헤더 생성 바디 생성 편의 기능 Content-Type 편리하게 지정 쿠키의 편리한 생성 Redirect 기능 HttpServletRes..

Intro JSP 라이브러리에서는 HTTP 메시지를 편리하게 조회하고 사용할 수 있도록 도와주는 HttpServletRequest, HttpServletResponse 객체를 제공하고 있다. HttpServletRequest HTTP 요청 메시지를 개발자가 직접 파싱해도 되지만 매우 불편할 것이다. 서블릿(Servlet)은 개발자가 HTTP 요청 메시지를 편리하게 사용할 수 있도록 HTTP 메시지를 대신 파싱한다. 이렇게 파싱된 메시지를 HttpServletRequest 객체에 담아서 제공하는 것이다. 즉, HttpServletRequest는 서블릿이 HTTP 요청 메시지를 파싱한 결과를 담은 객체이다. HttpServletRequest를 사용하면 HTTP 요청 메시지를 편리하게 조회할 수 있게 된다. ..

AJAX(Asynchronous JavaScript And XML)란? AJAX는 JavaScript, DOM, Fetch, XML, HTML 등의 다양한 기술을 사용하는 웹 개발 기법이다. AJAX의 가장 큰 특징은 웹 페이지에 필요한 부분에 필요한 데이터만 비동기적으로 받아 화면에 그려낼 수 있다는 것이다. 구글에 접속하면 다음과 같은 웹 페이지를 확인할 수 있다. 이 웹 페이지는 html에 의해 유저에게 필요한 페이지가 렌더링 된다. 그러나 검색창에서는 html에 작성된 대로 유저가 사용하는 것이 아니라, 유저의 요구에 따라 반응하며 변화한다. 검색창에 한 글자를 입력할 때마다, 해당 글자로 시작하는 단어들을 서버로부터 받아와 추천 검색어로 보여주게 된다. 이러한 경우가 필요한 데이터만 비동기적으로..

CSS CSS는 HTML로 작성된 웹 어플리케이션 구조에 디자인을 적용하는 데 사용한다. 웹 페이지의 스타일 및 레이아웃을 정의하는 스타일 시트 언어이다. 동일한 구조와 내용을 가진 웹 사이트더라도 CSS를 다르게 적용하면 다른 웹 사이트로 변신할 수 있다. CSS는 좋은 사용자 경험(UX, User Experience)을 제공하기 위한 도구이다. HTML 태그에 CSS 속성을 추가할 수 있다. 이러한 방법은 관심사 분리 측면에서 권장되지 않는다. 하지만 파일로 굳이 분리하지 않아도 될 만큼 css 코드가 많지 않는 경우가 있다. 이런 특수한 경우를 위해 HTML 요소에 직접 CSS 속성을 추가하기도 한다. 관심사 분리란? HTML은 웹 페이지의 구조와 내용만 담당하고, css는 디자인만 담당하도록 하여..

HTML 이란? HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. 웹 페이지의 전체적인 구조와 내용을 담당하여 기본적인 틀(뼈대)을 만드는 데 사용한다. See the Pen HTML 기본 by IT is True (@IT_is_True) on CodePen. HTML의 특징 1. HTML은 부등호()로 묶여있는 구성 요소들인 태그(tag)들의 집합이다. , : 해당 문서의 HTML 버전을 웹 브라우저에 알려주는 역할 : HTML 문서의 가장 먼저 작성해야 하는 태그로 문서의 시작과 끝을 알리는 root 태그 : HTML 문서의 메타데이터와 title, 외부 파일 링크 등을 정의하는 태그 : HTML 문서에 대한 정보로 웹 브라우저에는 표현되지 않음..

일반적으로 부트스트랩에서 제공하는 색상은 Primary, Secondary, Success, Danger, Warning, Info, Light, Dark로 8가지입니다. 하지만 이는 한정적이고 본인이 표현하고자 하는 색상으로는 한계가 있습니다. 이번에는 원하는 부트스트랩 버튼의 색상을 임의로 변경하는 방법에 대해서 알아보도록 하겠습니다. 1. 색 이름을 이용한 버튼 색 변경 HTML 색 이름을 이용하는 방법은 기본적으로 HTML에서 제공하는 표준 색 이름과 윈도에서 분류된 X11 색 이름을 사용하는 방법입니다. 색 이름에는 red, green, blue, black, white 등과 같이 영문으로 표기로 사용합니다. class에 text-white 또는 text-black(dark) 등을 주어 버튼 텍..

일반적으로 HTML에서 제공하는 버튼 태그입니다. 버튼 이름 이를 직접 구현한 버튼의 모양은 다음과 같습니다. HTML에서 제공하는 버튼은 CSS를 통해 꾸며줘야 하는 어려움이 있는데, 부트스트랩 버튼은 부트스트랩에서 제공하는 태그를 알맞게 입력하면 적용이 됩니다. 따라서 간편하게 제작이 가능한 부트스트랩 버튼의 여러 가지 기능들을 소개해 드리도록 하겠습니다. 1. 부트스트랩 버튼 개요 부트 스트랩에서 다양한 색상들을 이용해서 구현할 수 있지만 기본적으로 제공하는 색은 다음과 같습니다. 따라서 코드를 통해 다음과 같이 위 색상들의 버튼을 구현할 수 있습니다. 부트스트랩 버튼 Primary Secondary Success Danger Warning Info Light Dark Link 위 HTML 코드의 ..

부트스트랩(Bootstrap) 부트스트랩은 트위터의 개발을 했었던 Mark Otto와 Jacob Thornton이 함께 개발한 것으로 2011년 8월 깃허브에 오픈 소스로 공개되면서 등장한 HTML, CSS, JS 프레임워크입니다. 즉, 웹 페이지를 쉽게 만들 수 있게 해주는 도구들의 모임입니다. 각종 버튼, 배너, 아이콘 등 웹 디자인 기능 요소들을 JavaScript와 CSS로 만들어 놓아 많은 웹 개발자 및 디자이너들에게서 큰 반응을 얻었습니다. 과거에는 웹 개발 시 여러 개발자들이 개발하면서 병합하는 과정에서 많은 어려움을 겪었는데요. 공동의 작업을 하더라도 개개인의 작업물이 다른 결과물로 나타났기 때문입니다. 부트스트랩이 이러한 어려움을 상당 부분 해결해주고 있습니다. 부트스트랩은 SASS 스타..