ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 4. Tomcat 8.0 설치
    Archive/설치-세팅 2014. 8. 25. 10:45

    톰캣 다운로드


    1. http://tomcat.apache.org/ 에 접속해서 왼쪽 Download 의 Tomcat 8.0 을 클릭



    2. 화면 하단에 보이는 8.0.9 의 Binary Distributions 의 Core 에서 zip(또는 자신의 윈도우 비트에 맞는 zip) 파일을 다운로드



    3. 다운받은 apache-tomcat-8.0.9.zip 파일의 압축을 푼 후 나온 apache-tomcat-8.0.9 폴더를 찾기 쉽게 C:\ 등으로 옮긴다

    (필자는 C:\Web\apache-tomcat-8.0.9 에 폴더를 두었다)




    이클립스와 톰캣의 연동

    4. 이클립스를 실행한 뒤 오른쪽 위의 Perspective를 Java EE로 바꾼 뒤 하단 창의 Servers 탭을 클릭 

    No servers are availavle. Click this link to create a new server... 를 클릭한다




    5. server type에서 Apache 를 선택하고 Tomcat v8.0 Server 를 클릭 후 Next




    6. Tomcat installation directory 의 Browse 를 클릭하여 톰캣이 설치된 경로를 찾아서 확인을 눌러준다



    7. 필자와 톰캣의 경로는 다를 수 있다. 이후 Next - Finish!





    8. 왼쪽 Project Explorer 에 톰캣 서버가 생성된 것을 확인할 수 있다.



    9. 먼저 설치한 Oracle DB의 Web 포트와 톰캣의 포트가 8080로 동일하기에 충돌이 발생한다. 톰캣의 Web 포트번호를 바꿔주자.

    1) 왼쪽 Project Explorer에서 server.xml 파일을 더블 클릭으로 열어준다.

    2) 하단의 Source 탭을 클릭

    3) 62행을 찾아 중간에 있는 port="8080"을 다른 포트번호로 바꿔준다 ex) 8181 or 8081 등





    10. CSS / HML / JSP 텍스트 인코딩 설정

    상단메뉴의 Window - Preferences 를 클릭



    1) 왼쪽 Web 카테고리의 CSS Files를 클릭 후 오른쪽 의 Encoding을 화면처럼 UTF-8로 변경


    2) HTML Files 의 Encoding 도 UTF-8로 변경


    3) JSP Files 의 Encoding 도 UTF-8로 변경 후 OK



    이것으로 톰캣 설치 및 이클립스 연동은 끝났다

    CSS, HTML, JSP, XML 파일의 Editor에서 Syntax Coloring은 테마를 사용하거나 밑에 적어놓은 것을 참조하자.



    [Syntax Coloring] 

    1. XML

    Window - preferences - xml - xml files - editor - syntax coloring 

    하단의 sample text 영역에서 다음 키워드를 클릭 후 설정하자

    XML - 파란색, 볼드

    version - 빨간색, 볼드

    plain text - 볼드, 이탤릭해제


    2. CSS

    Window - preferences - web - css fileseditor - syntax coloring 

    하단의 sample text 영역에서 다음 키워드를 클릭 후 설정하자

    url - 볼드, 이탤릭 해제

    body - 파란색, 볼드

    color - 빨간색, 볼드

    black - 파란색, 볼드

    #content - 볼드, 이탤릭해제 

    links  - 볼드, 이탤릭해제

    hover  - 볼드, 이탤릭해제


    3. HTML

    Window - preferences - web - html fileseditor - syntax coloring 

    하단의 sample text 영역에서 다음 키워드를 클릭 후 설정하자

    html - 파란색 볼드

    <html> - 파란색 볼드

    content - 빨간색 볼드

    text/html - 볼드, 이탤릭해제 




    반응형

    'Archive > 설치-세팅' 카테고리의 다른 글

    5. MySQL 5.6 설치  (3) 2014.09.16
    Oracle DB 생성 후 연습계정 생성 및 이클립스 연동  (0) 2014.09.04
    3. Oracle Database 10g Express Edition 설치  (0) 2014.08.24
    2. Eclipse 설치  (0) 2014.08.24
    1. JDK 1.8 설치  (0) 2014.08.24
Designed by Tistory.