홈페이지 수정 8/? - 프로젝트 만들기

Repairing/Software|2020. 7. 1. 12:08
728x90
반응형

1. 기본 용어 파악

2. 데이터베이스 구조 파악

3. 소스 코드 압축 및 다운로드

4. 개발 환경 구성 (JAVA 설치)

5. 개발 환경 구성 (Eclipse 설치)

6. 개발 환경 구성 (Tomcat 설치)

7. 개발 환경 구성 (Eclipse ↔ Tomcat)

8. 프로젝트 만들기

9. 전자정부 표준프레임워크 개발환경 구축

 

 

 

JSP [JAVA Server Pages]: 서블릿의 사용을 통해 웹페이지의 내용이나 모양을 제어하는 기술. 마크업(HTML 이나 XML)과 연결된 동적인 웹 페이지를 만드는 자바 코드들을 의미함. 각 페이지는 처음 요청되었을 때, JSP엔진에 의해 자동으로 서블릿으로 컴파일되어 실행됨. JSP는 자바 클래스, 서블릿, 애플릿, 웹 서버 등과의 다양한 대화 방법을 제공함. JSP는 여러 웹 서버가 이미 구현되어 있는 프로그램이기 때문에 코드를 다른 변경 없이 실행시켜도 더 뛰어난 이식성을 갖게 됨. 톰캣이나 RESIN, JSERV에서 실행됨

 

.war 파일(웹 페이지 배포 파일)이 없으므로 Eclipse에서 JSP 프로젝트를 만들어줍니다.

원래의 홈페이지는 정적 웹 페이지 였지만 향후 추가될 기능들을 감안하여 동적으로 제작합니다.

 

 

동적 웹 프로젝트를 추가해 줍니다.

 

File > New > Dynamic Web Project

 

Dynamic Web Project [동적 웹 프로젝트] : 서버에 있는 데이터를 스크립트에 의해 가공처리한 후 보게 됨. (반응형 X)

Static Web Project [정적 웹 프로젝트] : 서버에 미리 저장된 파일(HTML 파일, 이미지, JavaScript 파일 등)만 보게 됨.

 

Project name을 정한 후 "Next >" 를 클릭해줍니다. (Tomcat 서버는 자동으로 잡혀 있습니다.)

 

Project name > Next

 

build와 관련된 경로 설정 페이지입니다. "Next >" 클릭

 

Next >

 

"Generate web.xml deployment description" 에 체크 해준 후 "Finish" 클릭

 

web.xml 파일을 생성합니다.

 

web.xml 파일의 기능은 Tomcat 서버에서 설정할 기능들을 .xml 파일로 설정할 수 있도록 하는 것입니다.

 

프로젝트가 생성중입니다.

 

동적 웹 프로젝트가 추가 되었습니다.

 

JSP File을 추가해줍니다.

소스 코드 관리를 위해 WebContent 경로 內에 jsp 폴더를 추가 후

JSP(자바 서버 페이지) 파일을 추가해줍니다.

 

WEB-INF 하위 경로에 jsp 파일을 추가하면 404 에러가 발생합니다.

 

홈페이지의 구조가 아래와 같이 Main을 시작으로 하위에 Sub 페이지가 배치된 형태이기 때문에

 

현재 홈페이지 구조

 

다음과 같이 각각의 구성 요소(.jsp 파일)를 폴더별로 관리합니다.

 

소스 코드 폴더 구조

 

WebContent > jsp > main > main.jsp 추가

 

 

③ 추가된 main.jsp File을 수정 후 Tomcat 서버에서 실행시켜봅니다.

 

웹 브라우져의 타이틀을 수정해보았습니다.

 

상단의 녹색 화살표 버튼의 콤보박스를 클릭하여 Tomcat 서버에서 소스 코드를 실행시킵니다.

 

 

Tomcat 서버의 정상동작을 확인하기 위해 웹 브라우저에서 main.jsp가 있는 경로를 검색합니다.

 

Eclipse의 웹 브라우저 및 크롬 브라우저에서 접속시, 타이틀이 변경된 것을 확인할 수 있습니다.

 

 

(번외)

Eclipse ↔ Apache-Tomcat을 연동하고나서 원래 홈페이지의 jsp 코드들을 붙여넣어보니

전자정부 표준프레임워크로 만들어진 홈페이지였습니다.

표준전자정부프레임워크 였구나...

 

전자정부 표준프레임워크 버전 확인 방법 : 소스 코드 경로 內에 egovframework*.jar를 검색하면

뒤에 버전 정보가 검색됩니다.

 

전자정부 표준프레임워크 버전 확인 방법

 

 

 

전자정부 표준프레임워크 3.5.0 버전 개발 환경을 구성해야겠습니다.

 

반응형

댓글()