📝 오늘의 강의 요약
핵심 키워드: JavaScript 기초, JSP/Servlet, MVC2 패턴, 서버 설정(Tomcat)
- JavaScript: Node.js 설치 및 변수 선언 방식(let, const) 학습
- JSP: 자바 서버 페이지의 개념 및 서블릿과의 관계 이해
- Servlet: 클라이언트 요청 처리 방식(GET/POST) 및 데이터 전달(Parameter) 실습
- 서버 환경: Eclipse와 Tomcat 연동 및 다이나믹 웹 프로젝트 구성
📜 JavaScript 기초 및 환경 설정
1. 환경 구성
- Node.js 설치: 자바스크립트를 브라우저 밖(서버 측)에서도 실행하기 위한 런타임 환경 구축
2. 변수(Variable) 선언 및 할당
- 선언 키워드:
- let: 재할당이 가능한 변수 (구 var 대체)
- const: 재할당이 불가능한 상수
- 할당 문법: let age = 25 (키워드 + 변수명 선언 후 값 할당)
- 템플릿 리터럴: 백틱(`)을 사용하여 문자열 내 변수 삽입 및 줄바꿈 용이
☕ JSP (Java Server Pages) 시작
1. 웹 기술의 발전 흐름
- Java → Servlet → JSP → JSP(JSTL) → MVC2 패턴 순으로 진화
- MVC2 패턴: 비즈니스 로직(Java/Servlet)과 화면 출력(HTML/JSP)을 완전히 분리하여 유지보수성 극대화
2. Eclipse & Tomcat 서버 설정
- 설정 경로: Window > Preferences > Server > Runtime Environment
- 서버 추가: Apache Tomcat v9.0 선택 및 설치 폴더 지정
- 프로젝트 생성: New Dynamic Web Project 생성 시 web.xml 배포 서술자(Deployment Descriptor) 생성 체크 필수
3. JSP 주요 태그 및 특징
- 스크립트릿 (<% %>): 자바 코드를 직접 기술하는 영역
- 표현식 (<%= %>): 변수나 함수의 결과값을 화면에 출력하는 영역
- MIME: 서버가 클라이언트에게 전달하는 데이터의 타입을 지정하는 규격
🔄 Servlet 및 데이터 처리 방식
1. HTTP 요청 처리 (GET vs POST)
- GET: URL 끝에 데이터를 붙여 전달 (보안 취약, 데이터 크기 제한, 캐싱 가능)
- POST: HTTP 바디에 데이터를 담아 전달 (보안 유리, 대용량 데이터 전송 가능)
2. 페이지 이동 방식 비교
| 방식 |
주소창 변화 |
정보 공유 여부 |
특징 |
| forward |
변화 없음 |
가능 (request 공유) |
서버 내부 이동으로 처리 속도 빠름 |
| redirect |
새로운 주소로 이동 |
불가능 (정보 유실) |
클라이언트에 새 요청 유도 |
3. 파라미터(Parameter) 수신
- 개념: 사용자가 폼 데이터나 쿼리 스트링을 통해 서버로 전달하는 값
- 추출 메서드: request.getParameter("key")를 통해 값을 String 타입으로 획득
- 자동 임포트: Ctrl + Shift + O 단축키를 활용하여 필요한 자바 라이브러리 자동 추가
🛠️ 실습 메모 및 팁
- 서블릿 생성 경로: /src/main/java 내에 생성하며 매핑 주소 확인 필수
- 실행 단축키: Ctrl + F11 사용 시 "Always use this server" 체크로 반복 설정 생략
- HTML/Java 비중: JSP는 HTML 내에 자바가 있는 형태, 서블릿은 자바 내에 HTML이 있는 형태임을 인지