개발 노트 개발 노트

웹 개발/JSP

• Forward vs Redirect

  웹 개발/JSP 2025. 4. 1. 23:00

  Forward 와 Redirect는 JSP환경에서 페이지에서 다른 페이지로 이동하는 페이지 전환기능이다.두가지 방식을 이해하기 위해 StackOverFlow를 보던중 적절한 비유를 찾았다. Fowarding내가 만약 우체국에 갔다고 가정했을때 거기에는 여러 창구와 그곳에 앉아있는 직원이 있다. 내가 무언가를 요청하면, 그중 한명이 그 요청을 받아들이고 내부적으로 요청을 처리할 책임이 있는 다른 직원에게 전달한다. 그리고 모든 과정이 끝나면 당신은 최종적으로 결과를 받게 된다. Redirecting같은 상황에서, 이번에는 요청을 받은 직원이 나에게 5번 창구로 가서 저기 있는 분에게 요청하세요 라고 적힌 토큰을 준다. 당신은 그 지시에 따라 직접 5번 창구로 가서 그 직원에게 다시 요청을 한다.Forwa..

  Read More
• JSP + MVC2 환경에서 AJAX 404 오류 해결

  웹 개발/JSP 2025. 4. 1. 15:17

  jsp페이지에서 비밀번호 검증을 위해 fetch로 요청을 보냈다.fetch('/mypage-info.mypage', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, body: new URLSearchParams({ password: oldPassword }) });그런데 브라우저 콘솔에서 HTTP 상태 404 – 찾을 수 없음 오류가 발생하였다. 원인을 분석해보니 브라우저에 열려있는 uri와 실제 요청 uri가 일치하지 않았다.요청 uri과 서블릿 매핑이 일치하지 않는 상황이다.http://localhost:9000/personal-buddy/mypage/mypage-Info.jsp fetch요청은 루트..

  Read More
• 동적 콘텐츠 로딩

  웹 개발/JSP 2025. 3. 21. 16:55

  프로젝트 첫주차 프론트 쪽을 작업하며 탭이 바뀔때 컨텐츠 내용을 어떻게 동적으로 바꾸어주지 라는 고민을 하였다. 여러가지 방법을 찾아보다 비동기적으로 내용을 바꾸어주는 방법으로 구현하였는데 전체 html을 처음부터 다 불러오지 않고 필요한 콘텐츠만 요청해서 가져오기 때문에 성능적으로 좋다. 나의 꾸미기🎨 전체 배경 스티커 나무 function attachFolderItemClickEvent() { const folderItems = document.querySelectorAll(".folder-item"); folderItems.forEach((item) => { item.addEventListener("..

  Read More
• MVC2

  웹 개발/JSP 2025. 3. 9. 18:04

  MVC 기반 웹 애플리케이션 요청 처리 흐름MVC(Model-View-Controller) 기반의 웹 애플리케이션에서 클라이언트(브라우저)가 페이지를 요청한 후 데이터가 화면에 출력될 때까지의 전체 흐름을 정리해 보겠습니다.요청 처리 흐름 예시: list.product사용자가 http://localhost:9000/mvc/list.product를 입력하면 다음과 같은 단계로 동작합니다.1. 사용자 요청사용자가 웹 브라우저에서 http://localhost:9000/mvc/list.product URL을 입력하여 서버에 요청을 보냅니다.2. Web Server - web.xml에서 요청 처리요청이 *.product로 끝나므로 web.xml에서 ProductFrontController 서블릿으로 전달됩니다...

  Read More