replace2 VueRouter의 Programmatic Navivation 파헤치기 router.push(...)이전까지 우리는 를 이용한 탐색 방법을 사용했습니다.하지만, javascript에서도 window.loacation이 있듯이 프로그래밍 방식으로 페이지를 탐색 할 수 있습니다.한번 비교해볼까요??선언 방식프로그래밍 방식router.push(...)그럼 한번 어떻게 자유분방하게 사용할 수 있는지 예시를 보면서 생각해 보도록 합시다.// String routerouter.push('/users/james')// route(path)를 나타낸 Objectrouter.push({ path: '/usersjames' })// parameter가 존재하는 이름을 가진 routerouter.push({ name: 'user', parmas: { username: 'james' } })//.. FrameWorks/Vue 2024. 6. 23. [ThymeLeaf] fragment를 이용한 insert와 replace 사용 및 활용 Header main.htmlinsert와 replace의 사용 방법은 동일하다.th:insert=”~{해당 파일 경로 :: fragment이름}”해당 태그 안에 fragment를 삽입하는 방법th:replace=”~{해당 파일 경로 :: fragment이름}”해당 태그를 fragment로 대체하는 방법 Main Page 데이터를 넘겨받아 템플릿에서 사용 할 수도 있다.User.javapublic class User { private String name; private int age; public User(String name, int age) { this.name = name; this.age = age; } public String getName() { return name; } public int.. FrameWorks/ThymeLeaf 2023. 4. 13. 이전 1 다음 728x90 반응형