FRONT END/HTML

1일(06.28) HTML 설치 방법

라미보 2022. 6. 28. 22:41

✔ https://tomcat.apache.org/ 홈페이지에 접속합니다.

✔Download -Tomcat9 - 32-bit/64-bit Windows Service Installer (pgp, sha512)

 

✔apche Tomcat이라는 실행프로그램이 설치가 됩니다.

✔프로그램이 실행되면 next를 눌러줍니다.

 

 

 

✔설치에 동의를 하고, next 눌러서 진행시킵니다.

 

✔JVM에 연결되도록 next를 눌러줍니다.

 

 

 

 

 

✔저장할 폴더 이름을 C:\Tomcat 9.0으로 하고 설치해줍니다.

 

✔ 두가지 항목 체크를 다 풀어주고 finish

 

 

✔C드라이브가서 Tomcat파일을 설치하려고 클릭하며 아래와 같은 경고창이 뜹니다.

✔계속을 눌러줘서 어떤 파일들이 설치 되었는지 볼 수 있어야 합니다.

 

✔이클립스를 열어서 workspace를 변경합니다.

이클립스 파일- switch workspace- 워크스페이스 -이름 C:\web_ysy 으로 설정하기

 

✔워크스페이스로 C:\web_ysy 이클립스 들어간다

 

✔file- new- Dynamic Web Project - 파일 이름을 적고 생성해준다

 

 

 

 

 

✔ webapp 클릭 - 마우스 우클릭 - new - html 파일을 눌러서 생성한다

 

 

<!DOCTYPE html>  : html 파일이라는 뜻이다.

body부분에 내용을 적어보았다.

run버튼을 눌러서 실행시켜보니 아래와 같은 에러가 발생한다.

 

 

✔Apache를 클릭해준다.

 

 

✔Apache - Tomcat v9.0을 선택하고 next

 

 

✔Browse를 눌러서 c드라이브에 Tomcat9.0으로 위치를 설정한다.

 

 

✔이런 에러창이 뜨면 ok를 눌러준다.

 

 

 

✔window -show view - consol - servers - Tomcat v9.0 Server at localhost를 더블클릭 해준다.

 

 

 

 

 

✔Port 번호를 9191로 변경하고 enter를 치고 저장한다.

 

✔Ex01.html을 다시 실행 (Run) 한다. 이 창이 뜨면 finish를 누르면 에러가 생긴거처럼 보이다가 body안에 적은 내용이 아래와 같이 출력된다.

 

 

 

✔아래 노란색 화살표 새로고침 버튼이다.  저장후 실행해도 안보이면 새로고침 해주기

 

 

window - web browser- chrome 으로 하면 크롬창으로 결과물이 보인다.