자바 프레임 워크

main, member 폴더 생성

tables.html을 복사해서 -> member폴더 안에 list.html로 만듬

-----------------------------

 

 

string기반 타임리프 mvc프로젝트

 

새로운 프로젝트 생성

 

start bootstrap 에서 sb admin2 다운 받아서

html파일(동적인 파일)은 templates안에 넣고 나머지 파일(정적인 파일)은 static안에 넣음

 

main폴더랑 members 폴더 생성 후 html 파일들 사진과 같이 옮김

index.html에 타임리프 네임스페이스 추가

xmlns:th="http://www.thymeleaf.org"

---

controller 패키지와 HomeController.java를 만듬

@RequestParam

사용

 

 

http://localhost:8080/?p=haha

haha가 model 객체에 전달 되도록 코드

package indusw.sba.admin2024001910a.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;

@Controller
public class HomeController {
    @GetMapping("/") // 최상위 디렉토리
    public String goHome(@RequestParam("p") String p, Model model ) {
        model.addAttribute("attrname", p); // ?p=*** -> ?p=attrname
        //index.html에 attrname 이름으로 p String 객체 값을 model 객체에 저장
        return "./main/index"; // .html 접미사 (suffix) 를 자동 추가
    }

}

수정

하지만 이러면 전달이 제대로 되었는지 모르니

index.html을 수정

<div class="sidebar-brand-text mx-3"><span th:text="${attrname}"></span><sup>2</sup></div>

 

 

코드에는 haha가 없지

서버에 접속하면 haha가 개발자 도구 및 사진과 같은 곳에서 출력 되는것을 확인

 

---

원래 있던 sidebar 코드를 잘라서

sb.html을 새로 만들고

아래 사진 처럼 만듬

 

 

top bar도 같은 형식으로

그러면 정상적으로 실행 된다

---

cards와 index 만든다 RequestParam을 안쓰면 경로에 바로 접속 가능

 네임 스페이스 추가

사이드 바에 아래 코드 추가

 

정상적으로 실행

---

misc를 추가

 

css 오류가 발생

 

vender 앞에 ../를 추가

css 앞에 ../ 추가

위 사진에서 아래 부분도 다 ../ 추가

/mebers

/misc 추가

### 🚀 폴더 전체 파일 한 번에 바꾸는 방법 **1. 폴더 선택하기** 왼쪽 프로젝트 뷰에서 한 번에 싹 바꾸고 싶은 HTML 파일들이 모여있는 폴더(예: `templates` 폴더 또는 `main` 폴더)를 한 번 클릭해서 파란색으로 선택 상태를 만듭니다. **2. 마법의 단축키 누르기** 그 상태에서 키보드 **`Ctrl` + `Shift` + `R`** 을 누릅니다. (맥은 `Cmd` + `Shift` + `R` 입니다.) *※ 혹시 단축키가 안 먹히면 폴더에 대고 마우스 우클릭 -> `Replace in Files...` 를 클릭하세요.* **3. 찾을 단어와 바꿀 단어 입력하기** 창이 하나 뜰 텐데요, 위아래로 입력 칸이 두 개 있습니다. * **위쪽 칸 (검색할 텍스트):** 원래 적혀있던 코드를 적습니다. * 예: `href="vendor/` * **아래쪽 칸 (바꿀 텍스트):** 앞으로 적용하고 싶은 코드를 적습니다. * 예: `href="../vendor/` **4. 모두 바꾸기 (Replace All)** 입력 칸 아래를 보면 내가 입력한 대로 어떻게 바뀌는지 미리보기 창이 쭉 뜹니다. 확인 후 이상이 없다면, 창 오른쪽 아래에 있는 **`Replace All` (모두 바꾸기)** 버튼을 과감하게 클릭하세요! --- ### 💡 실전 적용 꿀팁! 보통 이런 경로를 바꿀 때 아래 세 가지를 순서대로 `Replace in Files` 해주시면 아주 깔끔하게 다 바뀝니다. 1. `href="css/` ➡️ `href="../css/` 2. `src="vendor/` ➡️ `src="../vendor/` 3. `src="js/` ➡️ `src="../js/` 이렇게 리팩토링 기능을 활용하시면 앞으로 파일이 아무리 많아져도 순식간에 코드를 관리하실 수 있을 겁니다. 바로 한 번 시도해 보세요! 👍