이클립스에서 HTML 코딩하기

이클립스에서 HTML 코딩하기

1. Static Web Project 설치

- Project Explorer에서 마우스 우클릭으로 New-Other(Ctrl+N)으로 Web에서 Static Web Project 설치

2. 웹 프로젝트 이름 정하기

- Project Name을 입력 후, Next를 누르면 됨.

4. 콘텍스트 루트와 웹 컨텐츠 폴더 이름 정하기

- Context root와 웹 컨텐츠 폴더 이름을 정하고 Finish를 한다.

위에서 정한 Context root와 WebContent 폴더는 이클립스에서 위와 같이 쓰게 된다.

5. 서버 설치

- Project Explorer에서 마우스 우클릭으로 New-Other(Ctrl+N)으로 Server에서 Server 설치

6. 서버로 HTTP Preview 선택

- HTTP Preview 선택 후 Next를 선택한다.

7. 파일 네임 설정

- File Name을 정한 뒤 Next를 선택한다.

8. HTML Template 선택

- New Html File (5) 선택 후 Finish를 선택한다.

9. 생성한 html 파일을 서버에서 구동

- html 파일에서 마우스 우클릭, Run As를 선택 후, Run on Server(Alt+Shift_X, R)를 선택한다.

10. Run on Server 설정

- 존재하는 서버를 선택 후 Finish를 선택.

11. 이클립스에서 html 코딩

- 이제 문서 아이콘의 NewFile.html 창에서 html 코딩을 하면 옆에 지구본 아이콘의 창에서 적용 뷰가 가능하다.