반응형 링크2 Spring Boot 링크, 리다이렉트 - 링크 : 요청을 위함 - 리다이렉트 : 응답을위함,클라이언트에게 다시 재요청을 한다. 기존 사이트의 문제점 새글 작성창도 없다. 이곳에 링크와 리다이렉트를 적용해야 한다. 1)글 전체 목록에서 새 글작성 페이지로 링크를 걸어준다. 왼쪽 아래에 New Article을 추가했다. 그리고 각제목을 클릭하면 상세페이지로 가게 링크도 여기서 걸어주었다. show.mustache {{>layouts/header}} ID title content {{#articleList}} {{id}} {{title}} {{content}} {{/articleList}} New Article {{>layouts/footer}} 2) 목록 페이지로 돌아가기를 추가 Submit옆에 Back 링크를 추가했다. {{>layouts/h.. 2023. 4. 4. React Bootstrap in Next.js - Navbar 링크, 정렬,클래스명 위 페이지에서 사용하고 있는 Navbar는 ReactBootstrap에서 가져온걸 사용중이다. 다만 여기서 문제가 발생했다. 1. Nav.Link를 그대로 사용하면 페이지는 이동하지만 새로고침 하게된다. Next.js에서는 SPA방식으로 동작하려면 Link를 사용해 줘야한다. 그래서 이와같이 해결해 주었다. import Link from "next/link"; 키워드검색 이와같이 Nav.Link속성은 라면검색 이와같이 링크가 들어있는데 아래 방식으로 사용하면 SPA방식을 사용할 수 없다. 그래서 href속성을 지워주고 Nav안에서 반응형에도 동작하기위해 남겨두고 안에서 Link를 사용해 주었다. 그리고 Next.js에서 사용하는 방법인 a태그내에서 className을줘 스타일을 지정해 주었다. a태그이기.. 2022. 3. 18. 이전 1 다음 반응형
