Learn/KH정보교육원

[KH정보교육원 당산] 27일차 ( WEB 준비 - Tomcat 환경설정,HTML, JSP 시작 )

Dahoon06 2021. 4. 15. 11:21
728x90
반응형

웹 개발을 위한 환경 구축하기

 

[Tomcat] 환경설정

Tomcat 설치시 기본 포트 번호는 8080으로 설정되어있다. 하지만 오라클에서 이미 8080포트를 사용하고 있기 때문에 9000으로 변경을 했다. 설치 완료 후 http://localhost:9000을 열어서 확인 이클립스

june-17.tistory.com

 

 


 

 

웹브라우저("크롬" 사용)  => 요청 => Web Server(Tomcat)  => 응답 => 웹브라우저(크롬)

                            

개발 도구 : eclipse 사용 데이터베이스 oracle

 

자바 : SE => 데스크탑 애플리케이션 => UI (Java FX)

       : EE => 웹브라우저를 통한 애플리케이션 => UI (X) => HTML5

 

서블릿 (Servlet) : Java기반 => HTML태그들을 중간중간 사용

JSP :HTML 기반 => 중간중간에 Java코드 사용

 

HTML파일 => 파일명.html (파일명.htm) => 웹브라우저가 실행

 

JSP파일 => 파일명.jsp => 최초 요청일 들어왔을 경우

JSP파일을 웹서버가 .java파일로 변환 => .class로 컴파일 => 객체로 생성 => 결과물을 웹브라우저로 전송

** JSP내부 코드를 수정했을경우 다시 컴파일된다

 

재요청이 들어올 경우 // 컴파일 부분을 생략하고 바로 => 객체로 생성 => 결과물을 웹브라우저로 전송

 

 

 

 

 

 

웹브라우저에서 -> JSP 페이지 요청

웹서버 (JSP파일)

JSP컨테이너로 전송 => JSP파일 파싱, 서블릿으로 변환 ,클래스 파일 생성, 메모리에 적재되어 실행

=> HMTL로 전송

웹브라우저에 표시(실행)

 


 

JSP 문법

<%  자바코드  %>

 

<%@ 지시자 %>

 

<%! 변수/ 메소드 선언 %>

 

<%= 간단한 실행(변수 값 출력) %>

 

 

 

 

 

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

지시자 => page(현재의 문서)java라는 언어로 작성되어있다 라는 의미

이 문서 내부의 contentType 은 text/html이며 UTF-8 방식을 따르고 있다.

pageEncoding 이 페이지의 전체 인코딩 방식은 UTF-8

 

<%@ page import="java.sql.*" %>

<%@ page import="java.sql.Connection, java.sql.DriverManager,~~~ " %>

이런식으로도 추가 가능하지만 그러면 모든 클래스를 하나씩 가져와야하므로 전체를 뜻하는 * 사용

 

<!DOCTYPE html>

웹브라우저 : HTML5 엔진을 사용해서 태그들을 해석한다.

이 부분이 없으면 HTML4 버전으로 해석한다.

HTML 선언( HTML Tag가 아님 )

 

<% 

자바 코드들

%>

 


입력값을 받는 입력창 만들기)

 

 

 

 

HTML 태그를 이용한 입력창
<input type="종류" />

입력값을 웹서버에 전송할 경우 
<input type="종류" name="이름" />

<form action="전달받을파일" method="전송방식">

 

<br>태그 : 줄바꿈

 

코드 실행)

 

 

전송방식 : get방식과 post방식

 

get)

아이디와 비밀번호가 주소창에 출력됨

 

post)

아이디와 비밀번호가 출력되지 않음

 

 

get과 post 차이

 

[WEB] GET과 POST

GET GET은 어떠한 정보를 가져와서 조회하기 위해서 사용되는 방식 [ GET방식의 특징] URL에 변수(데이터)를 포함시켜 요청한다. 데이터를 Header(헤더)에 포함하여 전송한다. URL에 데이터가 노출되어

june-17.tistory.com

 

 

 


문제 1)

아이디 / 비밀번호 / 이메일 을 영구저장할 수 있도록

오라클의 본인 계정에 테이블 생성

 

joinForm.html  회원 가입 화면 (아이디 / 비밀번호 / 이메일)

join.jsp           입력값을 member  테이블에 저장

 

 

테이블 명 : member  (모든 필드는 null  허용하지 않음)

필드명 : no    레코드가 추가 될 때마다 1씩 증가

필드명 : id     최대 20글자   

필드명 : pwd  최대 20글자

필드명 : mail  최대 50글자

 

 

문제 2)

데이터베이스에 저장된 레코드들을 표형태로 출력하는 jsp 추가

list.jsp​

 

 

 

 

 


728x90
반응형