목차

    불편함을 코드로 지웁니다.

    개발 공부 노트, 개발 도구와 문제를 해결한 과정, AI 프롬프트와 Obsidian 활용법을 정리합니다.

      ⏳ Time Log/TIL · 하루

      [TIL] Day 16 — JavaScript 기초 + JSP 최초 시작

      this.Serena 2026. 2. 19. 00:01

      [TIL] Day 16 — JavaScript 기초 + JSP 최초 시작

      날짜: 2025-11-10
      기술 스택: JavaScript JSP Servlet Tomcat
      부트캠프: 풀스택 개발자 부트캠프 3주차


      JavaScript 변수

      var x = 10;   // 선언 호이스팅, 함수 스코프 (사용 지양)
      let y = 20;   // 블록 스코프, 현대 표준
      const z = 30; // 재할당 불가, 상수
      
      let str  = "큰따옴표";
      let str2 = '홑따옴표도 사용 가능';
      let tmpl = `템플릿 리터럴 ${y}`; // 백틱 표현식

      JSP (Java Server Pages) 개요

      웹 기술 진화: Java → Servlet → JSP → JSP+JSTL → MVC2 (컨트롤러 + 뷰/JSP)

      Eclipse + Tomcat 환경 설정

      1. Window > Preferences > Server > Runtime Environment > Add > Apache Tomcat v9.0
      2. New Dynamic Web Project > Generate web.xml deployment descriptor 체크
      3. JSP 파일: New > JSP File
      4. 실행: Run > Run (Ctrl+F11)

      JSP 표현식 태그

      <% 자바 코드 %>
      <%= 표현식 리턴값 출력 %>

      forward vs redirect

      구분 forward redirect
      주소창 변화 없음 변경됨
      요청 정보 유지 사라짐
      속도 빠름 느림

      Parameter 수신

      String username = request.getParameter("username");
      String password = request.getParameter("password");

      트러블슈팅

      • Tomcat 포트 충돌 (8080 이미 사용 중) → server.xml에서 포트 변경
      • JSP 실행 시 500 오류 → web.xml import 설정 확인, Ctrl+Shift+O로 임포트 자동 추가

      더 알아볼 것

      • JavaScript var 호이스팅 현상 실제 예시
      • JSP 내장 객체 (request, response, session, out) 정리
      • Servlet vs JSP 역할 구분
      • MIME 타입 설정 (response.setContentType())