IT BANK) JSP 1일차 - JSP 설치 및 설정

220905

 

JSP = Java Server Pages

배우는 것: Web site 구현 기술(백엔드가 주), 백엔드에 집중하지만 프론트엔드도 배울수 밖에 없다.

HTML, CSS, Javascript 학습

데이터베이스 관련 명령어 알아야 함

크게 5가지 카테고리: JSP - Front(HTML, CSS, Javascript) - Database로 

JSP외 웹언어: PHP, ASP. 한국 웹은 JSP 비율 높음

JSP 학습 후 Spring Framework 학습

학습 순서: Front 먼저 학습 - Database - JSP - 홈페이지 제작 - 서블릿(시간 되면 후반부에)

request, response, session 용어 이해 필요

 

C:\jsps 에 모든 수업 내용 저장. 경로에 한글 있으면 충돌 날 수 있음

-필요 파일

jdk: jdk-8u341-windows-x64

Oracle: OracleXE112_Win64

eclipse: eclipse-jee-2022-06-R-win32-x86_64

이클립스 실행 후 C:\jsps\jsp_workspace 경로 지정

 

환경변수 설정: win + R - sysdm.cpl 입력(시스템 속성) - 고급 - 환경변수 - 시스템 변수에서 새로 만들기 - 변수 이름: JAVA_HOME(개발자간 약속), 변수 값: C:\Program Files\Java\jdk1.8.0_341(디렉토리 설정해도 됨)

시스템 변수에서 path - 새로 만들기 - %JAVA_HOME%\bin 입력 후 맨 위로

cmd 창에서 javac - version 입력시 javac 1.8.0_341

 

window - Preferences - enco 검색 - 왼쪽 Workspace - 아래쪽에 UTF-8 맞는지 확인

CSS Files, HTML Files, JSP Files - Encoding을 UTF-8로 변경

                                      - java 검색 - Compiler - 1.8로 변경

                                                         - Installed JREs - Add - Standard VM Next > Directory - C:\Program Files\Java에서 jdk1.8.0_341 폴더 선택 - Finish - jdk 선택 - Apply and Close    // 자바 버전마다 이렇게 선택해야 함

Perspective: Java EE

New - Dynamic Web project 안나오면 java 전용 환경임

 

-tomcat 설치

apache tomcat download 검색 - tomcat 9 선택 후 core: zip 다운 - 압축 해제 후 c:\jsps 에 이동 - eclipse 실행해 servers의 링크 클릭 - Apache 폴더 Tomcat v9.0 선택 - Tomcat installation directory: C:\jsps\apache-tomcat-9.0.65 선택 - finish

서버 설정: 서버 더블클릭 - Ports에서 HTTP 부분 8085로 변경 - Server Locations에서 Use Tomcat Installation 체크 - Server Options에서 Publish module contexts to separate XML files 체크 - ctrl + s 눌러 저장

 

 

client에서 request 된게 있으면 server가 response 함

 

기업 규모가 크면 역할 나눠져 있음. 기업 규모가 작으면 혼자 다 해야함

eclipse에서 테스트 할 Servers 등록 후 문제 없으면 업로드 함

 

server 다운: apache tomcat download 9 다운

Server 꺼져있으면 서비스 안됨. 우클릭 Start로 실행 - 방화벽 허용

 

New - Dynamic Web Project에서 Context root는 알아야 함

 

Project Explorer에 저장 되는 것들

 

WEB-INF - New - JSP File - 파일 작성 후 저장

크롬: http://localhost:8085/test/test.jsp

 

개발은 Server / Client 같은 컴퓨터로 하나 실제 테스트는 다른 컴퓨터로 함

브라우저에 http://www.naver.com/ 로 요청 - 코드 응답

F12 누르면 개발자 도구 뜸. 검사 선택시 코드 볼 수 있음.

 

ip: localhost

port: 8085

http://localhost:8085/htmlExam/ex01.jsp

 

■ 이클립스 단축키

Ctrl + Shift + / : 선택 영역 Block Comment 설정
Ctrl + Shift + \ : 선택 영역 Block Comment 제거

Ctrl + D : 한 줄 삭제
Ctrl + H : Find 및 Replace

Ctrl + space : 어휘의 자동완성(Content Assistance)

Alt + UP, DOWN : 현재 줄 위치 이동

 

■ 이클립스 세미콜론 자동

이클립스에서 세미콜론까지 자동으로 완성해 주는 기능이 있다.

이클립스 -> Windows -> Preferences -> Java -> Editor -> Typing -> "Automatically insert at correct position"

을 체크하면 문장의 아무곳에서나 세미콜론을 찍으면 문장의 마지막에 세미콜론이 자동으로 완성된다.