전체 글
JSP를 이용한 CRUD 프로젝트 만들기
JSP를 이용한 CRUD 프로젝트 만들기
2020.10.17이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
Html Form에 CSS를 이용한 디자인 적용하기
Html Form에 CSS를 이용한 디자인 적용하기
2020.09.14이전에 html에서 form을 이용해서 다양한 입력형태를 만들어본 경험을 해보았을 것입니다. 하지만 아래와 같이 기본적으로 적용되는 각 input 태그에 대한 입력파트는 크기도 너무 작고 웹 페이지에서 그대로 사용하기에는 디자인 적인 부분에서도 조금 무리가 있습니다. 그런데 html 태그들을 css를 이용해서 각 태그들의 스타일을 지정했던 것처럼 input 태그에도 css를 사용함으로서 사용자가 원하는 형태로 디자인할 수 있습니다. 여기서 기억해야할 점은 기존에 공부하고 사용해보았던 css 속성 및 속성값들을 그대로 input 태그에 적용할 수 있다는 점 입니다. 지금부터 css를 이용해서 input 태그를 디자인하는 간단한 몇가지 예시들을 살펴보도록 하겠습니다. width, height 속성 아래와 같..
JSP Model1, JSP Model2, Spring MVC pattern
JSP Model1, JSP Model2, Spring MVC pattern
2020.08.10이번 시간에는 JSP Model1, JSP Model2, Spring MVC pattern에 대해서 알아보고 각각에 대해서 비교해보도록 하겠습니다. 해당 개념들은 Spring을 이해함에 있어서 대단히 중요한 개념이므로 이에 대해서 정확하게 이해하고 넘어가야할 필요성이 있습니다. 위에서 언급한 3가지 용어 JSP Model1, JSP Model2, Spring MVC pattern은 서로 모두 다른 용어인 것 같지만 서로 연관성을 가지고 있는 용어들입니다. 이에 대해서 한 번 알아보도록 하겠습니다. 우선 JSP Model에 대한 이야기를 하기에 앞서서 우선 Controller, Model, View라는 3가지 용어에 대해서 이해해야 합니다. 다음 3가지 용어는 JSP Model을 설명할 때 사용되는 용어로..
Framework 개념 및 Spring 개요
Framework 개념 및 Spring 개요
2020.08.10Spring에 대해서 알아보기 이전에 먼저 프레임워크의 개념에 대해서 먼저 알아야할 필요가 있습니다. 프레임워크(Framework) 특정한 목적에 맞게 프로그래밍을 쉽게 하기 위한 약속 프레임워크란, 특정한 목적에 맞게 프로그래밍을 쉽게하기 위한 규약, 약속을 말합니다. 간혹 식당에 가서 주문을 하실 때 이러한 상황을 겪어보신 적이 있을 겁니다. 종업원 : 주문 도와드리겠습니다. 나 : 로제파스타 하나랑 고르곤졸라피자 하나 주세요. 종업원 : 네 알겠습니다. (주방에) 13번 52번 하나! 일상 속에서 쉽게 지나칠 수 있는 너무나 자연스러운 상황이지만 이러한 상황을 통해서 우리는 프레임워크의 개념을 볼 수 있습니다. 위의 상황을 그림으로 아래와 같이 표현해 보겠습니다. 위의 예시에서 손님은 로제파스타, ..
JSTL Function 라이브러리
JSTL Function 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL SQL 라이브러리
JSTL SQL 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL Formatting 라이브러리
JSTL Formatting 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL - xml
JSTL - xml
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSTL Core 라이브러리
JSTL Core 라이브러리
2020.08.05이 글은 보호되어 있기 때문에 이것을 보려면 암호가 필요합니다.
JSP - 개발환경 구축
JSP - 개발환경 구축
2020.08.03이번 글을 통해서는 JSP 개발환경을 세팅하는 방법을 알아보도록 하겠습니다. 내용을 진행함에 앞서서 저는 MacOS 시스템을 사용하고 있고 개발환경 세팅 또한 이 MacOS를 기준으로 기록할 것임을 먼저 밝힙니다. 혹시 Windows 운영체제를 사용하시는 분들이라면 이 글에서 다소 다른 부분이 있을수 있으니 해당 사항을 참고해주시기 바랍니다. 개발환경 구축을 위해 필요한 것 JSP 개발환경을 구축하기 위해서는 다음의 요소들을 설치해야 합니다. 설치항목 JDK (버전8 이상) Tomcat (버전 8.5.57) Spring Tool Suite 4(STS) Maven3 지금부터 각 항목별로 순서대로 설치과정을 알아보도록 하겠습니다. 1. JDK JDK는 8 이상의 버전을 설치해주시면 됩니다. 우선 오라클 페이..
자바스크립트 - HTML AJAX
자바스크립트 - HTML AJAX
2020.07.31AJAX가 무엇이고 왜 필요한 가? AJAX는 Asynchronous Javascript and Xml의 약자로서 번역하면 비동기적 자바스크립트와 xml이 됩니다. 여기서 사용되는 비동기적 이라는 용어의 뜻은 AJAX의 동작이 웹페이지와 서버의 연결에 지장을 주지 않은 상태로 이루어 진다는 것을 의미합니다. AJAX는 다음과 같은 곳들에 사용됩니다. 1. 페이지가 로드된 후 웹 서버에서 데이터 읽기 2. 페이지를 다시 로드하지 않고 웹 페이지 업데이트 3. 백그라운드에서 웹 서버로 데이터 보내기 일반적으로 우리가 사용하는 http 프로토콜은 클라이언트 측에서 요청(Request)을 보내고 서버의 응답(Response)을 받으면 클라이언트측과 서버단의 연결이 끊어지도록 되어있습니다. 그렇기 때문에 클라이언..
자바스크립트 - HTML BOM
자바스크립트 - HTML BOM
2020.07.31HTML BOM BOM은 Browser Object Model의 약자로서 웹브라우져를 제어하기 위해서 웹브라우져가 제공해주는 객체들을 의미합니다. 즉, BOM을 사용하면 웹브라우져를 제어할 수 있고 그 중간과정에서 자바스크립트를 사용합니다. 그렇기 때문에 우리는 자바스크립트 상에서 이 BOM을 사용함으로서 웹 브라우져의 여러동작들을 프로그래밍수준에서 제어할 수 있습니다. window 객체(window object) window 객체는 모든 브라우져에서 지원됩니다. 이 window 객체는 웹 브라우져의 창/프레임을 나타냅니다. 우리가 사용하는 모든 전역 자바스크립트 객체, 함수 그리고 변수는 자동으로 window 객체의 멤버가 됩니다. 예를들어서 전역변수는 window 객체의 속성이고, 함수는 window..