
오늘은 화면과 함께 Controller를 통해서 회원을 등록하고 조회하는 예제를 만들어 보자. 우선 홈 화면을 추가한다. 이때 HomeController도 생성해 준다. 소스는 아래와 같이 구성하고 8080 도메인만 입력했을 때 진입하는 화면이 될 것이다. package com.demoproject.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class HomeController { @GetMapping("/") public String home() { return "home"; } } ret..

어제 Spring을 띄우는 것까지 했으니 오늘은 간단한 Welcome Page를 만들어 보려고 합니다. 1. 정적 페이지 생성 우선 화면에 보일 html 파일을 하나 추가할 건데 src\main\resources\static 아래에 index.html 파일을 추가하겠습니다. 그러고 안에 내용을 간단하게 채워보겠습니다. Hello hello 그리고 나서 localhost:8080으로 다시 실행시켜 보면 아래와 같이 화면이 바뀐 것을 확인할 수 있습니다. 2. Thymeleaf 사용하기 ※ Template Engine(템플릿 엔진) 지정된 템플릿 양식과 데이터가 합쳐져 HTML 문서를 출력하는 소프트웨어입니다. 웹사이트 화면을 어떤 형태로 만들지 도와주는 양식이라고 할 수 있습니다. 스프링 부트 auto-c..

웹 브라우저는 웹 사이트를 만드는 프로그래밍 언어인 HTML(HyperText Markup Language), CSS와 자바스크립트로 이루어진 구문만 인식하여 화면에 나타난다. 그리고 JSP는 웹 사이트 화면을 구성하는 HTML을 좀 더 동적으로 구현하기 위해 도입된 기능이다. 오늘은 HTML에 대해 간단히 알아보고 jQuery에 대해 알아보자 ! 시맨틱 웹(Semantic Web)의 사전적 정의는 기계가 이해할 수 있고 처리할 수 있는 웹 콘텐츠를 만드는 것이다. 이는 1998년 월드와이드웹(www)의 창시자인 팀 버너스 리에 의해 개발되고 정의된 개념이다. 기존 HTML4에서는 웹 페이지의 구조에 해당하는 머리말, 메뉴, 본문, 하단부 등을 만들 때 태그에 CSS를 적용하는 방식으로 작업이 되었다. ..

오늘은 표현언어와 JSTL에 대해 알아보려고 한다. 회사에서 JSP를 사용하고 있음에도 개념이나 사용법을 잘 모르는것 같아서 이 기회에 학습해 보려고 한다. 요즘 JSP는 표현언어(EL, Expression Language)와 JSTL(JSP Standard Tag Library, JSP 표준 태그 라이브러리)을 사용하여 구현한다. 우선 표현언어에 대해 먼저 알아보자 ! 표현언어는 자바 코드가 들어가는 표현식을 좀 더 편리하게 사용하기 위해 JSP 2.0부터 도입된 데이터 출력 기능이다. 표현식에는 자바 변수나 여러가지 자바 코드로 된 식을 사용하는데, 표현식의 자바 코드가 복잡해짐에 따라 자바 코드로 출력하는 표현식을 대체하기 위해 표현언어 라는 것이 등장했다 기존에 표현식은 아래와 같다. ... 이러..

초기 웹 프로그램은 서블릿을 이용하여 구현했다고 한다. 그런데 인터넷 사용자가 폭발적으로 늘어나면서 화면의 기능이나 구성이 복잡해짐에 따라 사용자를 고려하는 화면 요구사항도 점점 늘어났다. 그래서 현재는 프로그래머가 서블릿으로 화면을 구현하지 않고 웹 디자이너가 화면을 담당하게 된다. 자바 코드는 디자이너에게 익숙하지 않았기 때문에 서블릿의 기능 중 별도로 화면 기능을 디자이너가 작업하기 쉽게 하기 위해 JSP(Java Server Page)가 등장했다. JSP는 디자이너 입장에서 화면의 수월한 기능 구현과 개발 후 화면의 편리한 유지관리 목적으로 도입되었다. 기존 서블릿은 자바 코드를 기반으로 문자열을 사용해 HTML과 자바스크립트로 화면을 구현했으나 JSP는 이와는 반대로 HTML, CSS와 자바스크..

톰캣과 같은 WAS가 처음 등장하였을 때 웹 브라우저에 요청을 스레드 방식으로 처리하는 기술이 바로 서블릿이었다. 모든 웹 프로그램은 오늘 배울 내용을 뼈대로 하여 동작한다. 따라서 아주 중요한 부분이니 집중해서 공부해 보도록 하자! 서블릿의 주요 세 가지 기능은 다음과 같다. 클라이언트로부터 요청을 받는다. 데이터베이스 연동과 같은 비즈니스 로직을 처리한다. 처리된 결과를 클라이언트에 돌려준다. 우선 요청이나 응답과 관련된 서블릿의 기능을 알아보자. 요청이나 응답과 관련된 API는 모두 javax.servlet.http 패키지에 있다. 요청과 관련된 API : javax.servlet.http.HttpServletRequest 클래스 응답과 관련된 API : javax.servlet.http.HttpS..
가장 기본적인 개념이면서도 확실하게 집고 넘어가야 할 개념인 웹 프로그래밍의 기본에 대해 정리해 보려고 한다. 기초를 다지기 위한 공부를 해야할 필요성을 느끼는 요즘, 늦게 시작한 만큼 더욱 열심히 공부해야겠다 ! 나는 회사에서 화면을 만들 때 JSP를 주로 사용하고 있다. JSP는 동적 웹을 만들기 위한 Java Server Page 인데 이는 다음에 더 자세히 알아보고 오늘은 전반적인 사항에 대해 알아보자. JSP 가 등장하기 이전에도 웹 브라우저를 통해 웹 페이지를 보여주는 기능이 있었다. 아파치(Apache) 같은 웹 서버를 이용해서 웹 페이지들을 브라우저에 표시하는 방식이다. 이러한 방식을 정적(static) 웹 프로그래밍이라고 한다. 정적 웹 프로그래밍은 웹 서버에 미리 보여줄 HTML페이지,..