어제 오늘 내일

메인 화면에 있는 "글 등록" 버튼을 눌렀을 때 이동할 입력 화면을 만들고,자바스크립트(JS)를 이용해 기존에 만들어둔 API에 데이터를 전송하는 과정을 구현합니다.HTML form 태그의 기본 submit 기능을 쓰지 않고, 자바스크립트(JS)를 이용해 API를 호출하는 방식을 사용합니다.이유는 우리가 만든 컨트롤러가 REST Controller(JSON 데이터를 받음)이기 때문입니다.Step 1. 페이지 이동 컨트롤러 추가"글 등록" 버튼을 눌렀을 때, 등록 화면(posts-save.html)을 보여주도록 컨트롤러에 메소드를 추가합니다.위치: src/main/java/com/example/board/controller/IndexController.java// ... 기존 코드 ...@RequiredA..

지금까지 만든 것은 데이터를 주고받는 API(서버)였습니다. 이제 사용자가 브라우저에서 볼 수 있는 화면(View)을 만들어 이 API와 연결해 보겠습니다.우리는 SSR(Server Side Rendering) 방식인 Thymeleaf를 사용합니다.Step 1. 의존성 확인 (build.gradle)프로젝트 생성 시 추가했을 수도 있지만, 혹시 모르니 build.gradle에 타임리프가 있는지 확인합니다. 없다면 추가하고 Load Gradle Changes를 눌러주세요.dependencies { // ... 기존 의존성 ... implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'}Step 2. 전체 조회 쿼리 추가 (R..