[JSP] 프로그램 설치, DB 연결

• 프로그램 설치 - 이클립스, 톰캣

  • 동적웹애플리케이션 서버구축
    - 웹서버: 정적인 html 페이지만 요청에 응답
    - 웹애플리케이션 서버: db관리와 연동에서 사용자 조회, 저장 동적인 데이터 처리

  1. 웹애플리케이션 서버 (WAS) 소프트웨어는 여러 종류가 있음
     -> apache tomcat 사용

  2. 개발환경은 이클립스

     • 이클립스: 2023- 03(4.7) 사용 JAVA and Web Developers 2023-03 R | Eclipse Packages
       
     • 이클립스는 workspace를 필요로 함-> 프로젝트 폴더 생성
     • eclipst.ini -> 문제 발생시 초기화 할때 필요...
     • 이클립스 편집기의 encoding 이 'UTF-8'인지 확인(General-workspace/ Web-HTML, JSP,CSS )
     • 변경사항이 있으면 꼭 Apply 누르기

  3. 웹애플리케이션 서버 -> 톰캣 : 웹서버 역할도 동시에 함

     • 톰캣
       
     • 서버 추가하기 - JAVA EE 상태일때만 servers 보임
       이클립스 콘솔창쪽에 servers -> apache -tomcat9.0
       서버 선택 -> 포트 8088로 통일한 상태
       port는 다른 서버들과 겹치면 안됨..

  4. 이클립스는 lombok.jar로 설치하는 과정 필요

     1. 이클립스 폴더 중에 한글 폴더명 있을 시 작동 X
     2. 롬복 실행-> 이클립스 파일 선택- install
     3. 설치확인
        1 ) 이클립스 파일 폴더 내에 lombok 생성됨
        2 ) eclips.ini 에 -javaagent:C:\Users\YJ\eclipse\jee-2023-09\eclipse\lombok.jar 이 생김 (복붙으로 생성x)

  5. 이클립스에는 중요한 라이브러리 관리 메뉴가 있음 ( lombik.jar, ojbdc11.jar )

     ojdbc11 다운 ->https://www.oracle.com/database/technologies/appdev/jdbc-downloads.html

     • 필요한 외부 library 추가 방법
       • 프로젝트 우클릭- build path - Configure Build Path-library-modulepath-add External Jars
       • 다이나믹 웹프로젝트→ web환경에서 사용할 라이브러리 webapp폴더 -WEB-INF -lib 폴더에 추가(lombok,ojdbc)
         ㄴ실무에서는 빌드도구 (maven, gradle)를 이용해서 ‘설정파일’로 자동 다운로드 및 라이브러리 관리

  6. server를 사용하는 동적 웹프로젝트를 만들기(JAVA EE 상태)

     1. File-New-Dynamic Wep Project
     2. Target runtime-> Tomcat ver 잘맞는지 확인

  7. 동적 웹프로젝트 폴더 구조

     1. src - main - java : .java 소스파일

     2.        -  webapp : html, css, js, jsp

        1. 정적 리소스: html, css, js, image ->assets 폴더 안에 각각 폴더 생성하여 저장
        2. 동적 리소스: jsp → 기능별 폴더 만들기 ( ex) day 1, product..)

  8. jsp: action에 서버의 주소를 설정/동적 사이트(O) html(x)
     method get은 조회, post는 저장(수정)

DB 연결

- jsp 파일 생성시

  <%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>

• language="java": java언어로 컴파일
• contentType="text/html; charset=UTF-8" : 응답으로 만들어질 형식은 html (프론트)
• pageEncoding="UTF-8"%(백엔드)
• 자바 프로그래밍을 하는 스크립트 작성부분→ 스크립트릿 : <% %>
• form태그 안의 입력양식이 서버로 제출될 때 , 그 값을 받아 저장하는 코드
• getParameter 메소드이므로 앞으로는 입력 요소: 파라미터
• input요소의 name 속성값=인자
  

<form action="welcome.jsp" method="post">

• post를 해둘경우 정보가 url에 노출되지 않음/ 안할경우 url에 파라미터들이 보임
• jsp는 서버측에서 컴파일되고 실행 → 컴파일 전에는 .java 파일로 변경→ .java를 컴파일해서 .class 생성 → 웹페이지를 요청한 클라이언트에게는 .class 파일로 html 문서를 작성하여 응답
  1) 이클립스 jsp 에 대한 소스파일 주소

    C:\\Users\\YJ\\Desktop\\Coding\\Main\\JSP\\eclips-workspace\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp1\\work\\Catalina\\localhost\\jsp1\\org\\apache\\jsp
        

  2) webapp 폴더에 저장된 파일 중 jsp 제외한 파일들 주소→ 이곳에 있는 java 파일= 서블릿

   C:\\Users\\YJ\\Desktop\\Coding\\Main\\JSP\\eclips-workspace\\.metadata\\.plugins\\org.eclipse.wst.server.core\\tmp1\\wtpwebapps
         
     - 둘 다 실제 실행 환경에서는 tomcat폴더 안에서 바로 찾을 수 있음

  ---

• Datebase Development 에서 Database Connections 추가하기
• DB perspctive 상태에서 → Datebase Connections → new → 드라이버 리스트 옆에 + 아이콘 클릭 → Oracle 11 선택 → Jar List에서 ojdbc11.jar 추가, 14 삭제 → 연결정보 XE, localhost... 상태 바꿔놓기
• 연결 후 perspective에서 EE로 넘어온 후에 File-open project → 오라클 script 폴더 가져오기
• 주의: 이클립스는 perspctive 라는 실행모드 존재. 어떤 모드냐에따라 실행할 수 있는 메뉴(동작)이 다름. db와 자바코드 작성시 전환 주의
• SQL 문 작성 및 실행하기
• 한줄 실행: alt+S
• 드래그 여러줄: alt+X