본문 바로가기
[ Developer ]/JSP

[JSP] JSP란? Java의 웹 개발

by 김현섭. 2016. 5. 4.
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
Java의 웹 개발 방법

  1. Model 1
    • JSP, 코드, DB를 합쳐 한번에 개발
    • 현재도 Model 1 개발 방법을 사용하는 업체가 많음
    • JSP 안에 로직, DB로직 포함
    • 유지보수 힘듬, 수정 힘듬
  2. Model 2
    • JSP, 코드, DB를 분리 시켜 협업이 가능한 구조
    • Servlet 방식 = 디자인/로직 분리
    • 유지보수 편하나 개발속도가 떨어짐


대표적인 HTML 학습 사이트


웹 프로그램 마다 호환성이 다르기 때문에 호환성을 맞추는 작업이 굉장히 어렵다

MarkdownPad2 - 블로그 제작


JSP


# JSP 생성하기

Dynamic Web Project -> 기본값들로 설정 후 설정


프로젝트를 보면 기존의 이클립스와 다르게 여러 폴더가 있다

 이 부분은 웹 서버가 돌아갈 서버 이름이다

에서는 JSP, HTML, CSS, IMAGE, JAVA Script 가 저장 된다
이곳에 Java 로직을 사용하게 된다

에는 소스파일이 들어가게 된다

 저 폴더에 JSP를 넣게 된다

그 안에 new -> Other -> web -> jsp file으로 index.jsp라는 이름으로 생성하게 된다



생성하게 되면 처음에 !DOCTYPE html 이후 문자를 지운다


이 부분을

 이렇게 변경한다 HTML5 사용하겠다는 의미


# 주석
주석을 다는 부분도 이클립스와 다른데 <!-- 주석 .... --> 이런식으로 주석을 달 수 있다

하지만 이 부분은 웹을 보는 사용자에게도 보여지는 주석이라서 민감한 내용을 적으면 안된다

<%--  --%> 그래서 사용하게 될 주석이 이 주석이다
다른 사용자가 이 주석을 볼 수 없게 된다


# JSP에서 Java 사용하기


윗 부분에서 보이는 스크립트릿이란 JSP에서 Java 코드를 쓸 수 있는 영역이다

기존의 Java와 다르게 sysout을 이용해서 출력이 불가능하다


다음과 같이 out.println();을 이용해서 출력이 가능하다

또한 public static void main(String[] args) 와 같은 문장을 작성해줄 필요가 없다


# JSP 구동


밑의 Servers에 Add and Remove에서 


add를 이용해서 넣어야 된다



또한 구동은 Servers에서 구동을 시작하면 빨간 문구가 나온다

빨간 문구는 Error를 알리는게 아닌 시작을 알리는 문구이다



서버가 구동이 된다면 이제 주소를 통해서 접근을 해야 한다
주소는 다음과 같다

http://localhost:8080/HelloJSP or HelloJSP/index.jsp로 접근이 가능하다

index.jsp는 첫 페이지라서 생략이 가능하다



index.jsp만 인식이 되고 나머지는 접근이 가능하게 명시를 해줘야 한다


# 줄바꿈 태그

저렇게 출력한다면 한줄로만 출력이 된다
줄을 내리려면 <br />을 작성하면 줄이 내려간다


줄 내림 된 것을 볼 수 있다



<br />은 한줄만 내려주지만 

<p> </p>를 작성하면 문단을 나눠줄 수 있게 구분 시켜 준다



# 디렉티브


JSP에서는 디렉티브라는 위의 문장이 필요하다.
어떤 문장으로 작성되었는데 어떤 타입인지 알려주는 문장이다


# HTML 영역


윗 부분이 HTML 구역이라고 볼 수 있다
HTML은 항상 <> 괄호를 통해서 묶여 있다
괄호 안에 들어가는 것을 element라고 부르며 항상 <element>로 열었다면 </element>로 닫는다
예를 들어 <html>로 열었다면 </html>으로 닫아줘야 한다

<title>은 열고 한줄에 바로 닫힌다 제목이 들어가는 구역

<body>부분은 본문이라고 보면 된다




# HTML의 기본적인 구조

<!DOCTYPE html> // 선언부
<html>
     <head>
          기타 데이터가 들어갈 영역
          <title> 제목 </title>
     </head>
     <body>
          본문
          웹 브라우저에 보여질 영역
     </body>

</html>


# 주석
주석에서 <!-- --!> 주석 처리하면 사용자에게 보인다고 했는데 확인을 해볼 수 있다


다음과 같이 <!로 추가했다면 보이는 것을 볼 수 있다


# 화면 출력


위에 서와 같이 out.println(hello);를 대체 할 수 있는 문장은
<%= hello %> 문장이다 

위의 코드와 같이 작성해도 한줄이 띄어 진다