• Servlet 동작, Get,Post 실습

• git 블로그 찾아볼 것

• git 블로그 생성하기
• JSP 공부하기

• Client가 요청할 때 Get, Post 방식이 있다.
• Get방식은 URL 값으로 정보가 전송되어 보안에 약함
• Post방식은 header를 이용해 정보가 전송되어 보안에 강함.

• html내 form 태그의 method 속성이 get일 경우 호출됨.
• HttpServletRequest 요청 처리 객체
• HttpServletResponse 응답 처리 객체
• response.setContentType("text/html") text/html로 응답을 보내겠다는 의미
• html문법을 쓸 수 없기 때문에 PrintWriter class로 html 문법 사용 가능

• WSA에서 웹 어플리케이션을 구분하기 위한  Path.
• 이클립스에서 프로젝트를 생성하면, 자동으로 server.xml에 추가됨.
• http://localhost:8090/ex/hw
  

form 태그

• 서버쪽으로 정보를 전달할 때 사용.
• ex) <form action = "Form" method="post">
• action : 요청하는 컴포넌트 이름(join.jsp , info.gtml)
• post : 요청을 처리하는 방식(get, post)
• Get : local:8090/컨텍스트/path/MemberJoin?id="abcd"&name="ww"
• Post : local:8090/컨텍스트/path/MemberJoin
• 아래는 jsp, servlet 예제

package com.java.w;
import java.io.IOException;
import java.io.PrintWriter;
import java.util.Arrays;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
 * Servlet implementation class FormEx
 */
@WebServlet("/FormEx")
public class FormEx extends HttpServlet {
       private static final long serialVersionUID = 1L;
      
    /**
     * @see HttpServlet#HttpServlet()
     */
    public FormEx() {
        super();
        // TODO Auto-generated constructor stub
    }
       /**
        * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
        */
       protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
              // TODO Auto-generated method stub
              response.getWriter().append("Served at: ").append(request.getContextPath());
       }
       /**
        * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
        */
       protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
              // TODO Auto-generated method stub
              doGet(request, response);
              
              System.out.println("doPost");
              
              String id = request.getParameter("id");
              String pw = request.getParameter("pw");
              String[] hobbys = request.getParameterValues("hobby");
              String major = request.getParameter("major");
              String protocol = request.getParameter("protocol");
              response.setContentType("text/html; charset=EUC-KR");
              PrintWriter writer = response.getWriter();
              
              writer.println("");
              writer.println("아이디:"+id+"
");
              writer.println("비밀번호:"+pw+"
");
              writer.println("취미:"+Arrays.toString(hobbys)+"
");
              writer.println("전공:"+major+"
");
              writer.println("프로토콜:"+protocol);
              writer.println("");
              writer.close();
              
       }
}

• Tomcat 서버의 기본 문자 처리 방식은 IOS-8859-1 방식.
• 별도의 인코딩을 하지 않으면 한글이 깨져보임
• server.xml 수정
• <Connector URIEncoding="UTF-8" connectionTimeout="20000" port="8090"  protocol="HTTP/1.1" redirectPort="8443"/>
• servlet 인코딩 세팅 추가
• request.setCharacterEncoding("UTF-8");
  

• JSP, Servlet 기초 예제 들음
• to-do-list add 버튼 클릭 시 아이템 추가

• 검색하다가 javascript에 클로저, 이벤트 위임이라는게 있다는걸 알았다. 내 홈페이지 수정 좀 해야할 듯..
• gitpage + jekyll 이나 hexo로 블로그 만들고 싶다

• git 블로그 생성하기
• JSP 공부하기

JSP 설치, 설정, 실행

웹컨테이너란?

• 웹서버에서 서블릿클래스, JSP파일을 실행시킬 수 있는 환경을 뜻한다.
• 개발자는 jsp로 작업을 하고, 웹 컨테이너는 기계가 이해할 수 있도록 java, class, obj 파일을 만드는 역활을 한다.

웹컨테이너 환경을 제공해 주는 프로그램?

• ApacheTomcat
• Apache는 http웹 서버이다. 
• Tomcat은 Web Application Service 이다. 웹 서버 기능도 할 수 있다.
• 하지만 Apache는 정적인 데이터를 처리하고, Tomcat은 동적 데이터 처리해야 한다.
• 목적에 따라 둘을 달리 쓰는 것이다.

Apache Tomcat 설치

• 다운로드 링크 : https://tomcat.apache.org/
• 나는 8.5.28 기준으로 설치하였다.
• Zip 파일 클릭해서 다운로드 받는다.

웹컨테이너 설정

• Server Tab이 있어야 한다. 없으면 메뉴에서 Window-Show View-Server를 찾아서 클릭한다.
• Server Tab이 생기고 'No server are available. Click this... ' 라는 메시지가 보인다. 클릭하고 알맞은 versions 을 선택한다.
• Apache Tomcat이 있는 폴더를 선택.
• Server Tab에 'Tomcat v8.5 Server at localhost' 텍스트를 더블클릭하면 설정창이 뜬다. 
• Server Locations 항목에서 'User Tomcat installation' 선택
• Server Option 항목에서 'Publish module context to separate XML files' 선택(실제 tomcat 있는 폴더와 동기화 한다는 뜻)
• Ports 항목에서 HTTP/1.1 Port Number를 8090으로 변경(8080은 DB 사용시 사용할 것)
• 저장한 다음 Server Tab에 있는 디버그 아이콘 중에 Publish to the server 아이콘을 클릭. 서버와 동기화 완료.
• 디버그 아이콘을 클릭하면 서버가 실행된다.(Start the Server)
• 서버 실행을 확인방법은 http://localhost:8090/ 이 주소로 접속해서 tomcat 관련 페이지가 보이면 실행되는 것이다.

프로젝트 생성, JSP 파일 생성

• 프로젝트 화면에서 오른쪽 클릭-New-Other-Dynamic Web Project 선택
• 마지막 생성화면에서 'Generate web.xml deployment descriptor' 체크.
• 프로젝트 생성 후 프로젝트 오른쪽 클릭-New-JSP File 클릭.
• JSP파일은 WebContent 폴더 안에 생성되어야 한다.
• 그러면 익숙한 html이 보인다. JSP는 html 위에서 jsp문법을 추가한 것.

JSP 파일 실행

• To-Do List 작업
• Java 기초 공부

• To-Do List 작업할 때 css, javascript 에 익숙하지 않다보니 시간이 걸린다.
• 한동안 이렇게 시간이 걸릴 듯.. 좌절하지 말고 조금씩 하자.
• to-do list 저장하려면 서버가 필요한데.. 개인서버 구축하고 싶다.
• 반응형은 나중에 찾아볼 것(일단 구현이 우선!)

• 내 홈페이지에 명언버튼 추가. 버튼 클릭 시 명언이 변경되도록 수정했다.
• Java 기초 공부

• 글자에 네온사인 효과를 적용하고 싶었지만, 모르는 문법이 많아서 Commit 하기 부담;;
• css translate에 대해서 찾아보자
• Web To-do List를 만들어보고 싶다.
• Java 설치 에러가 나서 너무 오래걸렸다.. 에러를 줄이는 방법=>설치 포스팅을 꼼꼼히 잘보자.

Javascript 정리

html과 javascript의 차이

• html은 있는 그대로 보여주지만 javascript는 동적으로 페이지를 보여준다.
• 아래 예는 같은 1+1을 했지만 html은 글자로써 그대로 보여주는 반면
• javascript는 1+1의 결과값 2를 출력한다.