[Web] Eclipse로 정적페이지 만들기

1. 프로젝트 만들기
2. 실행

 

1. 프로젝트 만들기

이클립스의 오른쪽 위 상단 바에 Open Perspective를 누른다.

Open Perspective 목록 중에 Web을 선택하고 Open을 클릭한다.

Web을 선택한 화면 창은 다음과 같으며, Server창을 두도록 한다. (만약 Server창이 없다면, Window > Show VIew > Other... > Server > Servers > Open을 순서대로 클릭하면, Server창이 뜬다.)

FIle > New > Static Web Project 를 클릭한다. 

Project name에 Web01을 작성한다. (사용자 임의)

next를 연달아 누르면, 다음과 같은 화면이 뜬다. 살펴보면, 우리가 사용하는 root 주소를 Web01이라고 하며, 사용하는 파일을 public 으로 만든다고 되어있다. Finish 버튼 클릭

---

어떤 사이트에 들어가든 우리 눈에 보이지는 않지만, 항상 뒤에 /index.html을 붙여준다. 우리는 index.html이 붙은 페이지를 main 페이지라고 한다. 

---

Web01 프로젝트의 public에서 오른쪽 클릭, New > HTML FIle 을 클릭한다.

File name을 index로 표기하고 Finish 클릭한다. (자동으로 .html이 작성된다.)

Windows > Web Browser > Chrome 을 클릭하여 웹 브라우저를 크롬으로 설정한다.

Ctrl + F11 이나 직접 Run as > Run on Server를 클릭한다. Finish 버튼 클릭

 

2. 실행하기

크롬에 글자가 출력된 것을 확인할 수 있다.

동적 페이지를 만들기 위해서는 톰캣을 사용해야함