728x90 Spring153 Spring MVC (스프링 웹 MVC) 강의 16 - 레이아웃 페이지 만들기와 Tiles 라이브러리 설정하기 지난 강의에서 지시서 만들었지만 웹 페이지 내 위치 설정을 안 했다. 이번 시간에 해보자. 태그 라이브러리 이용해서 저기 헤더부분에 배치할 것임 타일 관련 라이브러리가 없다. 왜냐면 메이븐 프로젝트이기 때문에? pom.xml 열어서 여기에 추가할 것임 여기서 리빌드해서 쓴다는데 나는 리빌드 해도 안되므로 메이븐 싸이트가서 직접 가져와야겠다. org.apache.tiles tiles-jsp 3.0.8 라이브러리 추가된 것을 확인함 jsp마저 작성 여기 추가된 "명칭"들은 여기에 지정한 name="명칭"과 이름이 같아야 한다. 그리고 이렇게 설정하여 제목 변경가능하다. 위에 중복된 title은 실수이므로 삭제 출처: https://www.youtube.com/watch?v=WBjkmTv5-TA&list=PL.. 2022. 1. 5. Spring MVC (스프링 웹 MVC) 강의 15 - Tiles 지시서 작성하기 1. 어떤 조합으로 붙일지 지시사항 2. 타일 붙이는 위치지시사항 이 필요하다. 이번 강의에서는 1. 어떤 조합으로 붙일지 지시사항 를 알아보자 https://apache.org/ 화면 쭈욱 내리면 안보임.. https://attic.apache.org/projects/tiles.html 우측 tiles 클릭 요즘엔 페이지를 백엔드가 아니라 프론트에서 만드니 소규모 프로젝트에선 Tiles 기능 필요성이 줄어들어 더이상 발전 없이 현재 수준으로만 유지되는 듯 문서를 볼 필요가 있을거 같다 다시 https://tiles.apache.org/ 드래그한 블럭만큼만 복사 이미지속 스크롤만큼 화면 내려야 보인다 그리고 일반적으로 이 문서 저장 위치는 /WEB-INF/tiles.xml이다. (다른 곳에 저장해도 되긴.. 2022. 1. 5. Spring MVC (스프링 웹 MVC) 강의 14 - 페이지 모듈 분리하기 헤더 안 내용 잘라내기 view 하위에 inc폴더 만들고 그 안에 header.jsp파일 생성 index에서 잘라 온 내용 붙여 넣기 푸터도 마찬가지 붙여넣기 완료 list.jsp 가서 헤더 삭제 삭제 완료 detail.jsp 헤더,푸터 삭제 (반복) list.jsp visual 잘라내기 view/customer/inc/visual.jsp 만들어서 붙여넣기 notice폴더 customer 하위로 옮기기 faq, event폴더 만들고 list.jsp 파일 가서 aside 잘라내기 view/customer/inc/aside.jsp파일에 붙여 넣기 완료 list.jsp 복사 list.jsp -> layout.jsp 파일명 변경 layout.jsp 파일의 main 잘라내기 list.jsp 파일 2줄 빼고 다 지.. 2022. 1. 5. Spring MVC (스프링 웹 MVC) 강의 13 - 페이지 공통분모 집중화 헤더는 헤더 푸터는 푸터 aside는 aside끼리 모을것이다. 이런건 JSP에도 있었는데 JSP는 include 지원하지만 문제점이 있으므로 사용하지 않을 것임 각 페이지마다 include하는 구문이 반복되서 생길수 있다. 이것마저도 불편해 보이므로 스프링의 Tiles라는 기능으로 대체할 것이다. 출처: https://www.youtube.com/watch?v=F8-elAVTSzE&list=PLq8wAnVUcTFUHYMzoV2RoFoY2HDTKru3T&index=39 2022. 1. 4. Spring MVC (스프링 웹 MVC) 강의 12 - Detail 컨트롤러 추가와 View 페이지 집중화의 필요성 Detail컨트롤러 추가 및 헤더부분이 페이지마다 중복되어 있는 점을 지적한 짧은 강의편이었음. 출처: https://www.youtube.com/watch?v=hZMOjxgv2B8&list=PLq8wAnVUcTFUHYMzoV2RoFoY2HDTKru3T&index=38 2022. 1. 4. Spring MVC (스프링 웹 MVC) 강의 11 - 공지사항 컨트롤러 추가하기 detail.html list.html 파일을 복사하여 detail.jsp list.jsp 파일에 붙이자 이런식으로 복붙 패키지명이 길어 마음에 안든다면 package com.newlecture.web.controller.notice; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.web.servlet.ModelAndView; import org.springframework.web.servlet.mvc.Controller; public class ListController implements Controller { @Override pub.. 2022. 1. 4. Spring MVC (스프링 웹 MVC) 강의 10 - 정적파일 서비스하기 기본적으로 스프링이 정적인 파일 서비스 불가능하게 막아 놨기 때문이다. / 는 JSP말고 정적인 파일 막게 된다. /* 로 설정해 두면 JSP도 막힌다. 태그를 쓰기 위해 스키마 파일 등등 설정을 추가해줘야한다. resource 폴더 생성 후 아무 이미지 파일 넣어서 실행해보면 정적파일 실행되는 걸 확인할 수 있다. 다시 html폴더로 넣고 html폴더명을 static으로 바꾼다 resource폴더 삭제 static이란 폴더 안에 정적인 파일들 다 모아둔다. 정적 이미지 실행하면 404에러가 뜬다 주소란에 static을 루트 취급하여 지우고 실행하면 404오류가 아닌 정상적으로 된다 그래서 최하단 index파일 실행하면 정상적으로 불러와진다. 출처: https://www.youtube.com/watch?.. 2022. 1. 4. 이전 1 ··· 14 15 16 17 18 19 20 ··· 22 다음 728x90
