기타

[웹 사이트 만들기] 코드 작성하고 웹 프로젝트 배포해서 사이트 만들어보기

restudy 2022. 3. 14. 03:42
반응형

이 포스트는 개발환경 이클립스(Eclipse)를 활용하여 웹 프로그래밍을 간단하게 수행해보고 프로젝트를 배포해서 사이트에 돌아가는지까지 확인해보는 과정을 다루고 있습니다.

 

 

[웹 사이트 만들기] 웹 호스팅하기, 도메인(내 주소) 생성, 페이지 만들기

이 포스트에서는 웹 사이트를 만들고(페이지 생성 및 도메인 생성 과정), 기초적인 페이지를 만들어 문구를 출력해보는 작업까지 진행하는 방법을 다루고 있습니다. 이 포스트에서 중점을 두는

restudycafe.tistory.com

↑ 먼저 이전 포스트에서 웹 호스팅을 받아서 페이지를 간단하게 파보는 과정까지를 거쳐보았기 때문에, 해당 과정에 대한 지식이 전무하신 분들은 해당 포스트를 참고해주시기 바랍니다.

 

 

이제 코딩을 할 수 있도록 이클립스를 설치하는 방법을 안내해드리도록 하겠습니다.

 

 

Eclipse Downloads | The Eclipse Foundation

The Eclipse Foundation - home to a global community, the Eclipse IDE, Jakarta EE and over 415 open source projects, including runtimes, tools and frameworks.

www.eclipse.org

↑ 위의 이클립스 공식 다운로드 페이지로 들어가서 이클립스를 설치해줄 수 있도록 합니다.

혹시 선택지가 2개 나온다면 "Get Eclipse IDE 2021‑12" 쪽을 선택해서 설치해주시면 됩니다.

 

 

 

그 다음 설치가 시작되면 반드시 두 번째에 위치한 "Eclipse IDE for Enterprise Java and Web Developers"를 선택해주셔야 합니다. 웹 개발을 목적으로 설치하는 것이기 때문입니다.

그 다음 설정은 이미 되어있는대로 두고 넘어가서 설치를 진행해주시면 됩니다.

 

 

 

설치가 완료되었으면 위와 같이 Launch를 눌러서 실행해줍시다.

처음에 workspace와 관련하여 위치를 물어볼텐데 아무렇게나 설정해도 상관없습니다.

다만 저는 C:\JSP라는 폴더를 파서 해당 위치로 설정하기는 했습니다.

 

 

 

Apache Tomcat® - Apache Tomcat 8 Software Downloads

Welcome to the Apache Tomcat® 8.x software download page. This page provides download links for obtaining the latest versions of Tomcat 8.x software, as well as links to the archives of older releases. Unsure which version you need? Specification versions

tomcat.apache.org

↑ 이제 이클립스 창은 잠시 내려두고 위의 링크로 들어가서 Tomcat을 설치해줍니다.

톰캣은 웹 서버와 연동하여 실행할 수 있는 Java 환경을 제공해주는 웹 어플리케이션 서버입니다.

Eclipse에서 톰캣을 기반으로 war 파일을 export 해주어야 이전 서버에서 호스팅 한 톰캣 서버에서 구동할 수 있기 때문에 설치해주어야 합니다.

버전은 카페24 호스팅 환경과 동일한 8.0으로 설치해야 합니다.

 

 

 

설치는 windows installer로 다운받아 설치해주시면 됩니다.

(물론 OS가 다르면 그에 맞는 설치 파일을 다운해서 설치하시면 됩니다.)

 

 

 

설치가 끝났으면 다시 Eclipse 창으로 돌아와서 Web project를 생성해봅시다.

왼쪽 위에서 두 번째에 위치한 "Create a new Java Web Project"를 선택해줍니다.

 

 

 

이렇게 위와 같이 아까 설치한 Apache Tomcat 8.0을 선택해주고 프로젝트를 생성해줍니다.

프로젝트명은 아무렇게나 해도 관계없습니다. (저는 restudy라는 이름으로 프로젝트를 팠습니다.)

 

 

 

 

 

반응형