[JSP] 이클립스에서 JSP 파일 만들어 실행하기

이전 내용

[JSP] JSP 개념, IDE

---

필요한 파일 설치하기 (JDK, 톰캣, 이클립스)

 

앞서 JSP의 통합 개발 환경 중에는 이클립스가 있다고 했다.

이클립스에서 JSP 파일을 생성하고 실행하기 위해서는 선행해줘야 할 작업이 있다.

• 자바개발도구(JDK) 설치
• 톰캣 설치
• 이클립스 설치

해당 과정은 기존에 JAVA를 설치했을 때 글을 남겨뒀으므로, 하단의 링크를 참고하면 된다.

[Java] Java 개념, Java를 위한 프로그램 설치

---

이클립스에서 JSP 파일 만들기 - 1

 

이제 이클립스를 설치했는데, JSP 파일을 만드려면 어떻게 해야할까?

이클립스 내에서 몇 가지 셋팅을 해줘야 하는데, 그 셋팅 과정을 진행해보려 한다.

 

◆ Dynamic Web Project 파일 생성하기

JSP 파일을 만드려면 이클립스에서 'Dynamic Web Project' 파일을 생성해야 하는데, 아마도 지금 이클립스를 켜면 그런 목록이 보이지 않을 것이다.

 

Dynamic Web Project 가 목록에서 보이기 하기 위해

메뉴에서 Help - Install New Instance 클릭

 

Work with에서 하단과 같은 거 클릭(후에는 버전이 달라질 수도 있다)

 

그리고 쭉 내려서 'Web, XML~ 로 시작하는 거 '>' 클릭

 

(나중에 필요할 수도 있으니) Eclipse로 시작하는 거,  JavaScript로 시작하는 거, JST로 시작하는 거 체크하고 'Next' 클릭

 

그러면 해당 item들을 설치하기 위한 준비가 되는데 해당 화면에서 'Next' 클릭

 

뒤 화면에서 I accept 체크하고 Finish 클릭

 

설치에 시간이 조금 걸린다. (아무래도 설치 목록이 많으므로)

 

설치를 다하고나면 재시작할 거냐는 팝업이 뜨는데, 재시작 클릭

 

이클립스를 새로 시작하고나서

File - New 에서 바로 보이는 경우가 있고, 보이지 않는다면 Other를 눌러 web 에서 찾을 수 있다.

 

Project name을 입력하고 Finish를 누르면 Dynamic Web Project 생성 완료!

---

톰캣 서버 이클립스로 구동하기

 

그리고나서 과정이 또 남아있다.

먼저 하단의 [Servers] 탭에서 create a new server 클릭

[Apache] 에서 설치한 Tomcat 버전 클릭

필자의 경우 11 버전을 설치했으므로, 설치한 후 Next 클릭

 

[Browse] 에서 톰캣을 설치한 경로를 찾고 폴더를 클릭 (캡처를 경로 지정하고나서 했다)

 

그리고나서 Finish를 클릭하면 된다.

---

JSP 파일 만들기

 

이제 간단한 로그인 페이지를 JSP 파일로 만들어본다.

.jsp 파일을 만들기 위해 생성한 프로젝트 폴더에서 [src] - [main] - [webapp] - [WEB-INF] 폴더에서 오른쪽 마우스를 클릭하고 JSP File 클릭

 

파일명을 입력하고 finish 클릭

jsp 파일이 잘 생성되었다.

 

이제 코드를 수정하고 f11을 눌러보면 아래와 같은 화면이 뜬다. 그럼 Finish 클릭

 

---

에러 해결하기

 

만약 아래와 같은 에러가 발생할 경우

The selection cannot be run on any serever

 

1. Properties에서 서버 제대로 설정됐는지 확인

생성한 프로젝트에서 오른쪽 마우스 클릭 [Properties] 클릭 

 

목록에서 [Server] 클릭하여

서버가 Tomcat으로 잘 되어 있는지 확인해 본다 (None으로 되어있어 실행이 안 되는 경우도 있기 때문)

 

근데 필자의 경우, 이미 Tomcat으로 지정이 되어 있는 거 같은데, 

상단을 보니 아래와 같은 에러가 있다.

Project facet Java version 22 is not supported.

 

이는 다른 에러로 다른 방식으로 해결해줘야 한다.

 

2. 버전 차이로 인한 에러 해결

이는 jsp를 위한 JAVA 버전이 다르기 때문이므로, 이를 위해 다른 방식의 해결 방법을 찾아야 한다.

다시 Properties에 들어가본다.

그리고나서 목록에서 Project Facets 클릭하고 Java에서 버전을 낮춰주고, apply and close 클릭

 

그리고나서 다시 F11을 눌러 실행해보면 (집에 있는 노트북에서 로컬 환경으로 실행)

아래와 같이 실행이 잘 되는 것을 확인할 수 있다.

그런데, 같은 과정으로 학원에서 실행한 것은 404 에러가 발생한다.

해당 에러를 해결하려고 씨름하고 반에 계시는 개발 좀 하셨던 형님들과 교수님께 SOS를 요청했는데도 해결이 안 됐다.

이거는 추후에 해결해 보는 걸로!

 

◆ Origin 서버가 대상 리소스를 위한 현재의 representation을 찾지 못했거나, 그것이 존재하는지를 밝히려 하지 않습니다. 문제 해결하기

---

HTML과 JSP의 차이

 

[정의]

• HTML (HyperText Markup Language): 웹 페이지의 구조와 내용을 정의하는 마크업 언어. 웹 브라우저에서 렌더링되어 사용자에게 보여지는 정보의 기반을 제공.
• JSP (JavaServer Pages): Java로 작성된 서버 사이드 스크립트 언어로, 동적인 웹 페이지를 생성하기 위해 사용. JSP는 HTML 코드와 Java 코드를 혼합할 수 있는 기능을 제공.

[관계]

• JSP는 HTML을 포함: JSP 파일은 기본적으로 HTML 코드로 구성될 수 있으며, 이 안에 Java 코드를 삽입하여 동적인 콘텐츠를 생성할 수 있다. JSP 페이지는 최종적으로 HTML로 변환되어 클라이언트(웹 브라우저)에게 전달된다.
• 동적 콘텐츠 생성: JSP는 사용자의 입력이나 데이터베이스의 정보를 기반으로 하여 동적으로 HTML 콘텐츠를 생성할 수 있다. 예를 들어, 사용자 로그인 후 개인화된 환영 메시지를 표시하는 경우 JSP가 HTML과 데이터를 결합하여 적절한 정보를 출력한다.

[차이]

HTML은 바로 브라우저에 보여지는 반면 JSP는 서버에서 compile을 한 후에 HTML 형식(확장자는 .jsp 지만)으로 결과값이 클라이언트(브라우저)에 보여지게 된다.

※ 컴파일: 어떤 언어의 코드 전체를 다른 언어로 바꿔주는 과정

• HTML: 브라우저에서 HTML을 Interpret (번역)
• JSP: 서버에서 compile 후 HTML 형식을 결괏값으로 클라이언트 쪽으로 보내면 브라우저에서 Interpret(번역).

---

다음 내용

 

---

[참고]

https://longway.tistory.com/39

https://kamang-it.tistory.com/entry/JSP%ED%86%B0%EC%BA%A3-%EC%84%9C%EB%B2%84-%EC%9D%B4%ED%81%B4%EB%A6%BD%EC%8A%A4%EB%A1%9C-%EA%B5%AC%EB%8F%99-JSP%EA%B0%84%EB%8B%A8%ED%95%9C-%EC%98%88%EC%A0%9C-%EC%8B%A4%ED%96%89

https://2minmin2.tistory.com/57

https://itmin.tistory.com/9

https://kimsaemjava.tistory.com/166

https://www.postype.com/@zawook/post/7212270

https://kamang-it.tistory.com/21

https://m.blog.naver.com/agapeuni/223102323429