jsp -- Mac 에서 eclipse, tomcat 8 설치후 jsp 처음 시작하기

jsp -- Mac 에서 eclipse, tomcat 8 설치후 jsp 처음 시작하기

환경 : Mac El Capitan, Eclipse Mars.1 (4.5.1) Release, Tomcat 8.0.30, 

참고 : http://www.eclipse.org/downloads/

          http://tomcat.apache.org/download-80.cgi

1. Eclipse IDE for Java EE Developers 설치하기

1) 맥용 Eclipse IDE for Java EE Developers 다운받기

    다운로드 위치 : http://www.eclipse.org/downloads/

2) 다운받은 eclipse-jee-mars-1-macosx-cocoa-x86_64.tar.gz 파일 압축을 풀면, Eclipse 어플리케이션 파일이 생긴다. 

2. Tomcat 8.0.30 설치하기

1) 맥용 Apache Tomcat 8.0 다운받기

    다운로드 위치 : http://tomcat.apache.org/download-80.cgi

2) 다운받은 apache-tomcat-8.0.30.tar.gz 파일 압축을 풀면 apache-tomcat-8.0.30 폴더가 생긴다.

3. Eclipse , tomcat 연결 및 JSP 환경 설정하기

1) jsp 폴더를 만들어서 , Eclipse 어플리케이션 프로그램과 tomcat 폴더를 복사함.

2) Eclipse 에서 프로젝트를 저장할 폴더 worksapce 를 만듦.

3) Eclipse 실행후, 환경설정 하기

4) UTF-8 설정하기

5) tomcat 과 eclipse 연결하기

6) eclipse 에서 사용할  browser 를 chrome 으로 설정하자.

7) CSS 파일 encoding 을 UTF-8 로 설정하자 ( 맥에서는 기본으로 되어있다.)

8) HTML 파일 encoding 을 UTF-8 로 설정하자 ( 맥에서는 기본으로 되어있다.)

9) JSP 파일 encoding 을 UTF-8 로 설정하자 ( 맥에서는 기본으로 되어있다.)

10) 필요하다면 JSP template 파일은 본인 취향에 따라 바꾸자. ( 본인은 그냥 eclipse 기본 설정 사용함.)

<< 이제 JSP 시작해보자! >>

1. Dynamic Web Project를 만든다.

2. JSPTest 라는 Project를 만들어보자.

3. 아래와 같은 기본적인 구조가 만들어진다.

4. 이제는 사용한 실제 JSP file 을 만들자. 

    WebContent 에서 Rt click 하면 메뉴 나옴.

5. NewFile.jsp 그래로 파일 만듦.

6. eclipse 기본 jsp template 를 내용으로 하는 NewFile.jsp 가 WebContent 내부에 만들어졌다. 

7. Hello JSP 를 출력하기위해, 아래와 같이 html 코드를 추가하자.

8. 메뉴의 실행 아이콘 누르면, tomcat 서버 실행되면서, eclipse 에서 설정한 chrome 브라우저가 나타난다.

------ 성공 !!!!!!!!