[jsp 홈페이지 만들기] 4탄. 이클립스 JSP 개발 환경 설정(Eclipse)

[jsp 홈페이지 만들기] 4탄. 이클립스 JSP 개발 환경 설정(Eclipse)

- 전체 목차

- 이전 글 ([jsp 홈페이지 만들기] 3탄. 이클립스 설치(Eclipse))

- 다음 글 ([jsp 홈페이지 만들기] 5탄. 아파치 톰캣(apache tomcat)을 이용한 WAS 웹 서버 구축)

1. Eclipse 실행 화면 설명

  1) 첫 화면

     - Help -> Welcome에서 다시 볼 수 있다

    - Eclipse에서 제공 해주는 유용한 바로 가기 목록 들이다.

      (1) Review IDE configuration setting

        - Eclipse 사용해 있어 큼직한 설정을 할수 있다.

      (2) Create a new java EE Web Project

        - Dynamic Web Project 생성 바로 가기 

      (3) Create a new Javascript Project

        - Javascript Project 생성 바로가기

      (4) Checkout project from Git

        - Git Checkout 받기

      (5) Import existing project

        - 기존 프로젝트 가져오기

      (6) Launch the Eclipse Marketplace

        - Plugin 설치를 위한 마켓 열기

      (7) Open an existing file

        - 기존에 존재하는 파일 열기

2. Eclipse 기본 구성 화면

  - Eclipse의 화면은 5개의 영역으로 구분이 되어있습니다

  - 아래는 Java EE의 Perspective 입니다

  1) 퍼스팩티스(Perspective)

    - 여러개의 뷰(View)와 에디터 영역, 메뉴 등으로 구성되어 있습니다.

    - 단순히 화면 구성이기에 변경이 가능합니다

    - 변경 방법(window -> Perspective -> Open Perspective -> Other -> 원하는 Perspective 선택

      

  2) 뷰1(view)

    - 파일 탐색기 용도

  3) 에디터(Editor)

    - 실제 코딩을 하고 편집을 하는 곳

  4) 뷰2(view)

    - 선택된 파일에 포함된 class , 변수, method 목록이 나오는 곳

  5) 뷰3(view)

    - 코드 실행 결과 및 실행 과정이 나오는  곳

3. Eclipse Encoding 설정

  - Encoding은 매우 중요합니다. 

  - Web 프로젝트 내에서 JAVA, HTML, xml등의 다양한 종류의 파일이 사용됩니다.

    파일마다 인코딩하는 방법이 다르면 글자가 깨지는 현상이 발생합니다.

  - Encoding은 UTF-8로 통일 하는것이 정신 건강에 좋습니다.

  - Web 개발시 Eclipse에서는 4부분(Workspace, HTML, CSS, JSP)에 대하서 Encoding을 설정해야 합니다.

  1) 설정을 위한 설정 창 열기

  2) Workspace 설정

  3) HTML 설정

  4) CSS 설정

  5) JSP 설정

- 전체 목차

- 이전 글 ([jsp 홈페이지 만들기] 3탄. 이클립스 설치(Eclipse))

- 다음 글 ([jsp 홈페이지 만들기] 5탄. 아파치 톰캣(apache tomcat)을 이용한 WAS 웹 서버 구축)