<div class="col-md-4"> 및 하위 요소는 부트스트랩 그리드 시스템을 사용하여 화면을 분할하는 역할을 한다.
<c:forEach> 태그를 사용하여 ${travelList}의 각 항목을 순환하도록 했다. ${travel}은 각 순환 반복에 대한 현재 여행 계획 객체를 나타내게 된다.
${travel.areaCode} 및 ${travel.travelTitle}는 해당 여행 계획의 지역 코드와 여행 제목을 나타낸다. 뒤에 '서울' 같은 글자는 내가 임의로 넣은 것이다.
<a href="travelDetail?userID=${travel.travelID}"> 요소는 "일정 보러가기" 버튼으로, 이 버튼을 클릭하면 해당 여행 계획의 세부 정보 페이지로 이동한다.
${travel.travelID}는 각 여행 계획의 고유한 ID 또는 식별자를 나타내며, 이를 사용하여 링크를 생성한다.
즉, 이 코드는 ${travelList} 목록에서 여행 계획을 순환하고, 각 계획에 대한 카드를 생성한다. 이 카드는 해당 여행 계획의 정보를 포함하고 있으며, "일정 보러가기" 버튼을 클릭하면 해당 여행 계획의 세부 정보 페이지로 이동하게 된다!
결과)
3️⃣ 일정 상세보기 로직 구현
✅ travelController
@GetMapping("/travelRetrieve") : HTTP GET 요청에 대한 URL 매핑을 지정. 클라이언트가 "/travelRetrieve" 경로로 GET 요청을 보낼 때 이 메소드가 호출된다.
public String travelRetrieve(@RequestParam int travelID, Model m): 이 메소드는 travelID와 Model 객체를 파라미터로 받는다.
@RequestParam int travelID : 이 파라미터는 요청의 쿼리 문자열에서 "travelID" 매개 변수를 추출하고 이를 메소드 내부에서 사용할 수 있게 한다. 여행 계획의 고유 ID를 나타낸다.
Model m : 이 파라미터는 뷰에 데이터를 전달하기 위한 Spring의 Model객체이다.
TravelDTO dto = service.travelRetrieve(travelID); : 여행 계획의 세부 정보를 검색하는 service.travelRetrieve(travelID) 메소드를 호출하고 결과를 dto 객체에 저장한다. travelID는 메소드의 파라미터로 전달된 여행 계획의 고유 ID를 사용하여 검색된다.
return "mypage/travelRetrieve"; : 뷰 이름 "mypage/travelRetrieve"를 반환하며, Spring은 이 뷰 페이지를 렌더링하여 클라이언트에게 표시한다.
✅ travelDAO
public TravelDTO travelRetrieve(int travelID) : TravelDTO 라는 객체를 반환하고, travelID 라는 정수형 파라미터를 받는다. 이 파라미터는 조회하려는 여행 계획의 고유 ID를 나타낸다.
return session.selectOne("TravelMapper.travelRetrieve", travelID); : SQL 매퍼 프레임워크를 사용한 데이터베이스에서 데이터를 검색. 그 결과를 TravelDTO 객체로 반환한다.
✅ travelService
✅travelServiceImpl
TravelDTO dto = dao.travelRetrieve(travelID); : dao 객체를 사용하여 데이터베이스에서 여행 계획의 세부 정보를 검색하고, 그 결과를 TravelDTO 객체인 dto에 저장한다.
return dto; : 검색한 여행 계획의 세부 정보가 저장된 dto 객체를 반환한다.
✅travelMapper
데이터베이스에서 특정 travelID를 가진 여행 계획의 세부 정보를 검색하기 위한 SQL 쿼리 이다.
결과는 TravelDTO 객체로 매핑된다.
✅travelRetrieve.jsp
travelRetrieve.jsp 는 일정만들기가 구현되고 나면 비슷한 ui로 구현할 생각이다!
