85일차 - 부트스트랩 사용방법

https://github.com/colorlibhq/AdminLTE

GitHub - ColorlibHQ/AdminLTE: AdminLTE - Free admin dashboard template based on Bootstrap 5

 

3.2.0 버젼을 압축 풀어서 페이지를 확인해보자

plugins, dist 폴더 안의 파일이 필요하다는 사실을 알아냈다

이제는 필요한 부분만 가져와서 정상적으로 동작하는지만 확인하고 작동하지 않으면 하나씩 옮겨본다

정상적으로 페이지가 보여지고 이제는 스프링 프레임워크의 jsp 파일로 변환하는 과정을 거쳐야한다

 

이제는 프로젝트가 많이 무거워졌으므로 AWS 서버는 사용 후 꼭 닫아줘야한다

그리고 html 파일을 jsp 로 바꾸기 위해 먼저 검색 시간을 단축하기 위해 다른 나머지 프로젝트는 닫아준다

CTRL+SHIFT+R 로 .html 파일이 몇개인지 알 수 있다

CTRL+H 로 파일의 위치를 알 수 있다

윈도우 명령어로 모든 html 을 jsp 로 변경하자

현재 요청구조는 pages -> charts -> jsp 로 3단계로 이루어져있다

먼저 1단계부터 요청을 만들어보자

@Controller
public class MoveController {
	
	Logger logger = LoggerFactory.getLogger(getClass());
	
	@RequestMapping(value="/")
	public String home() {		
		return "index";
	}
	
	@GetMapping(value="/{page}.go")
	public String pageMove(@PathVariable String page) {
		logger.info(page + ".jsp 로 이동");
		return page;
	}
}

이제부터는 .html 로 요청하는것을 .go 로 모두 바꾸어준다

<a href="../../examples/index.go>

상위 폴더로 올라가는 ../ 은 요청명으로 변경해줘야하므로 없애준다

 

1. 서버에 컨텍스트 경로를 가져와서 붙인다

2. c:url 태그를 사용한다

2번은 문제점이 있다 

 

정리

최소 3일은 걸린다

설계하는 과정 중에 녹아들어있어야한다

널널한 시간에 부트스트랩 연구하고 팀원들끼리 협의해야한다

	// SHIFT + CTRL + R			: 원하는 파일 찾기 -> 찾아서 해당 소스를 볼때 유용하다
	// CTRL + H 				: 특정 패턴의 파일을 찾고, 원하는 내용으로 변경할 수 있다
	// CTRL + SHIFT + ALT + L 	: 빠른 코드 검색