eclipse / 웹 개발 환경구축

개발셋업

bokboks 2023. 3. 16. 19:27

안녕하세요 이번시간에는 이클립스에서

웹 개발 프로젝트 생성 과 웹 페이지로실행 하는법 을 알아보겠습니다.

이클립스 실행후 새로운 프로젝트 -> other -> web -> Dynamic web Project > Next 로 생성해줍니다

Dynamic Web 프로젝트의 이름을 지정하여 생성 해 줍니다.

생성된 웹 프로젝트의 하위폴더를 따라 src -> main -> webapp 경로까지 가서

webapp 에서 HTML 파일을 생성합니다

경로를 잘 확인해 주고 이름을 기입해 HTML 파일을 생성합니다.

생성된 HTML 파일의 하단부분을 보면 Server 메뉴 에서 new -> Server 로 이동 합니다

* Server 메뉴가 없을시 CMD -> java -version 을 입력하여 확인합니다

버전이 11이상이어야 합니다 해당 부분을 해결이 안될시 Spring framework 에서도 문제가 발생합니다.

Apache 하위 폴더의 9.0 버전 Tomcat 을 선택합니다.

생성한 웹 프로젝트를 -> Add 를 눌러 Configured 로 옮겨진걸 확인후 Finish 를 눌러줍니다.

이후 하단 서버 메뉴에서 생성된 톰캣 더블클릭 을 해줘 Overview 화면 으로 이동합니다

이동 후 Port번호의 앞자리를 둘 다 7로 변경해준 후 저장합니다

*8은 Oracle 에서 사용중입니다

HTML 파일 화면에서 우클릭 -> Run as -> Run On Server -> 해당하는 서버 선택 및 체크박스 확인 -> Finish

해줍니다

* 체크박스는 해당 프로젝트를 계속 Run on server로 동작 시킬것인지 여부입니다.

HTML 파일 화면 Console 에서 잘 동작되는지 Log 를 볼수있습니다

이후 이클립스 상단 메뉴에서 Window -> Web Browser -> Chrome을 선택해줍니다

이 설정으로 인해 해당 프로젝트를 서버위에서 구동시 해당 결과를 나타낼 브라우저를 선택하는 설정입니다.

위의 설명 대로 잘따라 오셨다면 Chrome 페이지에서 HTML의 실행문이 잘 나타나는걸

확인할 수 있습니다 감사합니다