이클립스에서 이떄까지는 자바 프로젝트를 생성해 main메서드가 필요한 형태였지만 Servlet에서는 서버가 실행 해준다
(코드를 서버한테 보내면 그걸 서버가 인터넷에 보낸다) 그렇기때문에 그전에는 자체실행이었던 main메서드가 필요없다
1. Dynamic Web Project 생성
프로젝트가 실행될때 어떤 버전으로 실행할건지(위에서 미리 지정했던 톰캣 버전으로 실행됨)
모듈 버전은 알아서 지정이된다 (단, 3이상의 버전이어야한다)
1-1) Default ouput folder 경로 설정
- src/main/webapp ➡ src/main/webapp/WEB-INF/classes
WEB-INF : (대소문자 꼭 잘 지켜서 해두기) - 프젝 만들때마다 필요한 경로 !!!!
인터넷에 올라기 실행되는 코드들 이걸 next 가서 먼저 복사하고 back한다
그래서 Default ouput folder를 변경
1-2 ) Web Module
- web.xml 선택
2. 생성된 프로젝트의 자바 버전 변경
2-1) build path - library - edit - ojdbcJar선택 (기존에 다운 받아두었던 jar파일)
2-2) project facets에서 변경
: 인터넷에 올릴 때 자바버전도 통일하게 동일한 자바 버전 선택
java - java 코드 작성 폴더
webapp - html , css 코드 작성 폴더
src/main/java위에는 백
아래는 프론트로 구분해서 작성하면 좋다 (필수는 아님)
vscode에서 index.html을 작성해서 eclipse에서 index.html파일 확인
src/main/java에서 class 생성해서 index코드에서 받아올 코드 작성
src-main-webapp-web-inf - web.xml에서 해당 url에서 작성된 내용을 처리하기위해 서버를 연결할 servlet작성
프로젝트 -> (server) -> 인터넷 -> index.html
vscode
1. open folder에서servelet_jsp가 있는 폴더 선택
ServletProject - webapp - Meta-INF - .html 파일 생성해서 코드 작성
2. 이클립스로 이동, 해당 프로젝트 선택 후 f5
- vscode에서 생성한 index.html 파일 확인가능
3. 실행 전 포트 설정
: 오라클과 자바 포트가 8080으로 겹치기 때문에 둘 중 한 개의 포트를 변경한다. 여기서는 oracle의 포트를 설정 변경한다.
3-1) window + r키 누른 후 - cmd 창 실행
3-2) sqlplus> sqlplus
3-3) Enter user-name > sys as sysdba
Enter password > oracle
3-4) select dbms_xdb.gethttpport() from dual;
- 먼저 현재 포트 상태 확인 (8080)
3-5) exec dbms_xdb.sethttpport(9090);
- oracle 포트 변경
3-6) select dbms_xdb.gethttpport() from dual;
- 확인했을때 포트가 9090이라면 환성
4. 이클립스로 이동 한 후 Run on Server
4-1) 해당 프로젝트 우클릭 - Run As - Run on Server
4-2) Run On Server
Configured에서 실행할 프로젝트의 서버가 맞는지 확인 -> Finish
5. 결과 화면 확인하기
기본 설정은 이클립스 내에서 확인 가능한데
Window - Web Browser - 4 Chrome 으로 설정하면 크롬 창에서 확인 할 수 있다.
Run On Server 단축키 설정
1. preferences - keys - run on server 검색
Binding에서 원하는 단축키 작성
참고) 단축키 설정시 기존 단축키와 겹치면 Conflicrs에서 Debug 충돌이 일어난다
'Backend > Servlet & JSP' 카테고리의 다른 글
[JSP] GET,POST/ JSP Action/ EL / Scope (0) | 2021.12.30 |
---|---|
[JSP] 정리 + 코드, vscode 설정 (0) | 2021.12.30 |
[Servlet] form 태그 서블릿으로 get 방식,이론 (0) | 2021.12.05 |
[Servlet] 예제 서블릿 1,2,3 (0) | 2021.12.04 |
[Servlet] 설치 :: 이클립스, 톰캣, vscode (0) | 2021.11.28 |