☭DEVELOPER/#2 웹개발(자바기반 풀스택)

[WEB]이클립스를 활용한 웹 개발

조반짝 2023. 9. 13. 11:58
728x90
반응형

※ 이클립스를 활용한 웹 개발

1. 이클립스 톰켓 설정 화면 각 입력 항목 의미
   1) Name : 서버 실행 환경을 식별하기 위한 이름을 입력합니다.
   2) Tomcat installation directory : 톰켓 설치 폴더를 지정합니다.

2. Dynamic Web Project  주요 입력 항목 의미
   1) Project name : 프로젝트의 이름을 입력합니다.
   2) Project location : 프로젝트 생성 폴더를 지정합니다.
   3) Target Runtime : 웹 어플리케이션을 실행할 때 사용할 서버를 선택합니다.
                            앞서 설정한 서버 실행 환경을 선택합니다.
   4) Dynamic Web Module Version : 서블릿 버전을 선택합니다. JSP 2.3은 서블릿 3.1 버전을,
                                               JSP 2.2의 경우 서블릿 3.0 버전을 선택합니다.

3. Dynamic Web Project 웹 모듈설정 화면
  1) Context root : 웹 어플리케이션의 컨텍스트 경로를 입력합니다.
  2) Content directory : JSP, HTML, 이미지,WEB-INF 폴더가 위치할 폴더를 입력합니다.
  3) Generate web.xml deployment descriptor : web.xml 파일을 생성할지를 지정합니다.

4. 클래스 생성 대화창(New Java Class) 주요 입력 항목
   1) Package : 클래스가 포함될 패키지를 입력합니다.
      [Browse...] 버튼을 클릭하면 패키지를 선택할 수 있는 대화창이 출력됩니다.
   2) Name : 클래스 이름을 입력합니다.
   3) Superclass : 상위 클래스를 입력합니다.
      [Browse...] 버튼을 클릭해서 상속받을 클래스를 검색할 수 있습니다.
   4) Interfaces : 구현할 인터페이스를 선택합니다.
      [Add...] 버튼을 클릭해서 구현할 인터페이스를 검색할 수 있습니다.

5. JSP와 자바 코드 작성하기
   1) source02/Clock.java 소스 코딩
   2) source02/WebContent/now.jsp 소스 코딩

6. [Run on Server] 메뉴를 처음 실행하면 웹 어플리케이션을 실행할 때
    사용할 서버 정보 설정 화면이 출력됩니다. 다음은 주요 입력 항목을 설명합니다.
   1) Server name : 실행할 서버 이름을 설정합니다.
   2) Server runtime environment : 사용할 서버 실행 환경을 선택합니다.
                                            앞서 설정한 톰컷 실행 환경을 선택합니다.
   3) Always use this server when running this project : 이 옵션을 선택하면 프로젝트를
      'Run on Server' 메뉴로 실행할 때 항상 선택한 서버 실행 환경을 이용해서
      웹 어플리케이션을 구동합니다.

7. 이클립스 WAR 파일 생성 배포
   [중요 : C드라이브에 WAR 파일 Export 배포 시
    처음에 이클립스 시작(실행)을 필히!
    "관리자 권한 실행"으로 하시기 바랍니다]

   [중요 : WebContent 폴더 안에 기존 "01_get.html 파일을 복제(복사)하고
            index.html 파일명으로 변경해 주고,
            01_getdata.jsp 파일도 같은 경로 위치에 넣어주시기 바랍니다]

   1) 이클립스 - File → Export → Web 선택
      → WAR file 선택 → Next → Web "project:" 란과
      "Destination:"란에 내용 넣고 Finish 버튼 클릭! 

   2) 앞서 생성된 war 파일을 Tomcat9.0 폴더 webapps 폴더에 복사해서 넣어주고,
      이클립스 톰캣 Stop 시키고, 외부 톰캣 start하면
      webapps 폴더에 war 파일 구조의 source02 폴더가 생성됨.

   3) 배포된 war 파일 실행 확인
      http://localhost:8080/source02/now.jsp

8. 크롬 웹브라우저 바로 실행 Tomcat9 conf 폴더 안에 server.xml 설정 변경 예시

   [Tomcat9 conf 폴더 안에 server.xml 파일 설정 변경]

   ~~ 위에 소스 생략 ~~

 <!-- A "Connector" represents an endpoint by which requests are received
         and responses are returned. Documentation at :
         Java HTTP Connector: /docs/config/http.html
         Java AJP  Connector: /docs/config/ajp.html
         APR (HTTP/AJP) Connector: /docs/apr.html
         Define a non-SSL/TLS HTTP/1.1 Connector on port 8080
    -->
    <Connector port="80" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" />
    <!-- A "Connector" using the shared thread pool-->

   ~~ 아래 소스 생략 ~~
  
      <!-- Use the LockOutRealm to prevent attempts to guess user passwords
           via a brute-force attack -->
      <Realm className="org.apache.catalina.realm.LockOutRealm">
        <!-- This Realm uses the UserDatabase configured in the global JNDI
             resources under the key "UserDatabase".  Any edits
             that are performed against this UserDatabase are immediately
             available for use by the Realm.  -->
        <Realm className="org.apache.catalina.realm.UserDatabaseRealm"
               resourceName="UserDatabase"/>
      </Realm>

      <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

     <Context path = "/" docBase="C:\Program Files\Apache Software Foundation\Tomcat 9.0\webapps\source02" reloadable="true" /> 

     <!-- SingleSignOn valve, share authentication between web applications
           Documentation at: /docs/config/valve.html -->

  ~~ 아래 소스 생략 ~~

 


이클립스 작업 파일 변경하기

필기 못했다 ㅠㅠ.... >> 수진님 노션 참고


웹 실행하기

 

 


아이피 주소 주소창에 붙여넣기(localhost) 대체

주소창에 first가 빠졌다.


오류 없애기

 

jsp 코드 설명

ctrl + f11 실행한다.

값을 입력

자바에 웹을 가미한것이다!

 

post방식으로 하면 주소창에 정보를 숨길 수 있다.


 

 

src 폴더에 클래스 파일 생성하기 ( 자바 파일)

<% %> 안에서는 자바로 인식된다.

그 밖에서는 html로 인식

<%@page import="source01.Clock"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WebContent 폴더안에 source01 폴더 생성 안에 now.jsp 소스 코딩</title>
</head>
<body>
	현재시간은 <%= new Clock().now() %> 
</body>
</html>

http://192.168.0.48/Source01/now.jsp 로 모바일로 확인 가능하다.


배포하기

웹은 wa파일로 만든다.

 

경로 설정 > finish

웹을 찾을 수 없을 때는?

 

C:\Program Files\Apache Software Foundation\Tomcat 9.0\conf 안에 있는 sever.xml 파일 수정을 한다.

 

   [server.xml 파일 수정]
  <Host name="localhost"  appBase="webapps"
            unpackWARs="true" autoDeploy="true">

 (추가) <Context path = "/" docBase="C:\Program Files\Apache Software Foundation\Tomcat 9.0\webapps\FIRST_JSP" reloadable="true" />

728x90
반응형