웹개발 기초 - 프로그램 설치 및 서버 환경설정

2019. 06. 10 필기

 

< Web Application 개발을 위한 프로그램 설치 및 환경설정 >

※ 주의 ※
만약 실행 중에 무언가 꼬여서 이클립스를 종료하거나, 종료되었다면 새롭게 이클립스를 열어도 WAS를 실행할 수 없다.(이미 다른 이클립스로 실행중으로 인식) >>> 따라서 이런 포트충돌 상황에서는 apache>bin>shutdown.bat 경로로 실행중지 명령을 수행해야 다시 WAS를 실행할 수 있다.

1. JDK 설치 및 환경설정
     https://www.oracle.com 사이트에서 JDK 다운로드 후 설치
     >> JDK 설치 후 환경변수 생성 및 변경
     ※ JAVA_HOME 환경변수 생성 및 Path 환경변수 변경

2. DBMS 설치 >> OralceXE  

3. Eclipse 설치
    https://www.eclipse.org 사이트에서 다운로드 후 압축 해제

4. WAS(Web Application Server) 설치 : Apache Tomcat
    https://tomcat.apache.org 사이트에서 Apache Tomcat 다운로드 압축 해제
    >> 이클립스에서 사용될 수 있도록 WAS 추가 작업

< 이클립스에서 WAS 추가 및 사용 방법 >

=> JavaEE Perspective

1. Servers View : WAS 목록 출력 및 제어(시작 또는 중지에 대한 상태 변경)
    >> WAS 추가 : Apache Tomcat 등록

2. 등록된 WAS의 환경설정 : Apache Tomcat 프로그램의 환경파일 변경(Server.xml)
    >> Server 위치 변경 : Apache Tomcat 프로그램 설치 위치(Deploy Path 변경)
    >> PORT번호 변경 : HTTP/1.1 (8080 > 8000)
-- 반드시 포트번호 바꿔야 함(오라클이 8000포트를 사용하기 때문에 충돌)

3.  클라이언트의 요청과 응답처리을 위해 WAS를 실행상태로 변경
  ※ WAS 관리 : WAS 등록, WAS 제거, 등록 위치 변경
     Window > Preferences > Server > Runtime Environments

 

< Web Application 개발 >

  1. Dynamic Web Project 생성
    >> 프로젝트명은 웹에서 컨테스트명(ContextName)과 동일
    >> 프로젝트의 프로그램을 실행하기 위한 WAS 선택    
    >> web.xml 생성 : 프로젝트의 WAS 실행환경 설정

  2. Project 파일
     >> Java Resource : Java 소스파일(Servlet 또는 JavaBean - DTO, DAO)
     >> WebContent : CSL(HTML, CSS, JavaScript) 파일 또는 JSP 파일 
     --- WebContent에 작성되는 파일은 캐릭터셋 변경 후 생성
         Window > Preferences > Web > CSS Files, HTML Files, JSP Files > Encoding : UTF-8 변경

  3. 웹어플리이션 실행(Ctrl + F11) : URL 주소를 이용한 서버 자원을 WAS에게 요청 
     URL 주소 >> http://ServerName:Port/Context/WebFilePath
     ex) http://localhost:8000/web/hello.html   

     --- 요청과 응답은 브라우저를 이용하며 사용 브라우저는 크롬으로 변경하는 것을 권장     
          Window > Web Browser : Chrome 변경
    --- 크롬이 없는 경우 
          Window > Preferences > General > Web Browser : Chrome 추가

---

<중구남방으로 정리한 웹 용어>

IP -- 인터넷 프로토콜

TCP, UDP --- 인터넷 전송방식의 종류들 중 하나
모든 네트워크는 클라이언트와 서버 사이에 이루어진다. 
-- TCP는 서버-클라이언트가 분리되어 있다.
-- UDP는 서버라는 개념이 거의 없다(어떤 컴퓨터든 서버, 클라이언트가 될 수 있다)

http(s) -- 우리가 흔히 사용하는 인터넷은 http(s) 프로토콜을 사용한다.
-- 프로토콜에 s가 들어있으면 전송하는 텍스트 데이터가 '암호화' 되어있다는 뜻

아파치(Apache) --- 서버
톰캣(Tomcat) --- 컨테이너(클래스를 실행해주는 역할)
WAS (Web Application Service) --- 웹서비스 + 컨테이너
모든 네트워크는 클라이언트와 서버 사이에 이루어진다. 아파치와 톰캣 사이에 이루어지는 것은 '웹 서버'라고 한다.

웹 디렉토리(Web Directory) --- WAS에 쓰이는 Context는 특정한 디렉토리에 있어야 접근할 수 있다.. => 이것을 웹 디렉토리Web Directory라고 한다

웹 어플리케이션의 구성
- 서블릿(Servelet) : 자바를 사용하기 위해 웹을 만들기 위한 기술로서, 웹 프로그래밍에서 클라이언트의 요청을 처리하고 그 결과를 다시 클라이언트에게 전송하는 자바 프로그래밍 기술(Servlet 클래스의 구현 규칙을 지킴)
- JSP(Java Server Page) : HTML내에 자바 코드를 삽입하여 웹 서버에서 동적으로 웹 페이지를 생성하여 웹 브라우저에 돌려주는 언어

클라이언트(=브라우저)의 주소창에 URL을 입력
URL의 구성 => http(s)://(프로토콜) ServerName :port(생략) / context / webapp(Servlet, JSP) ?variable=value&... (=Query String)

 

WEB SERVER

Request 메세지로 WAS에 보내서 접근 - 헤더와 바디를 넣는다(헤더에는 기본적인 브라우저에 정보를 / 바디는 사용자가 넣어준 정보)

불특정 다수에게 제공하기 위한 것이므로 계정이나 암호를 요구하지 않는다. 차단도 가능하다. 예를 들어 포트 차단 시 내부 서버에서만 접근할 수 있도록 할 수 있다.

 

State Code
1xx : 처리중
2xx : 결과 전송
3xx : 300-
4xx : 잘못된 요청
 --- 400
 --- 401, 403 forbidden
 --- 404 bad request, not found (요청된 자원을 찾을 수 없습니다 <= 대부분 오타나 경로 실수)
 --- 405
5xx : Exception

 

FRONT END -- 둠을 해야 함(html을 고침)

CSL <== HTML (XML, JSON -> Rest) + CSS + JAVASCRIPT(Ajax) => TEXT

HTML : 기능에 따른 box를 만들어준다.
CSS : html의 디자인적 요소
JAVASCRIPT : css를 구현하기 위한 프로그래밍 언어