기록

1. 상단 메뉴 File - Import 클릭 후, 만들어진 프로젝트의 방식에 따라 Gradle 또는 Maven 선택 단, 반드시 Import하기 전에 반드시 백업하기 2. Browser 클릭 후, Import할 파일 선택 후, Next 3. Finish 클릭 → Project Exploer창에서 확인 가능 4. 해당 프로젝트명 옆에 '[boot]'라고 표시되어 있는지 확인 없다면, settings.gradle의 root-project명과 해당 프로젝트명이 일치하는지 확인 ( 일치하지 않다면, 수정 후 저장 ) ※ build.gradle 또는 settings.gradle 수정 후에는 반드시 Refresh Gradle 해주기

◎ 컨트롤러의 메서드 생성 → HTML 뷰 생성 → 뷰 테스트 순서로 진행 ※ 뷰 생성 시 주의 사항 - 서버에 있는 데이터를 가져올 때, 오타 주의 ( 오타 날 경우, 무조건 500 에러 발생 ) - 뷰 템플릿 페이지는 서버 쪽 모델 데이터가 중요 → 우선적으로 데이터 값이 제대로 출력되는지 먼저 확인하여 500 에러가 발생할 확률을 줄이도록 하자! 1. 컨트롤러 메서드 작성하기 - 뷰 컨트롤러 메서드 : 뷰의 이름을 반환하고, 모델 객체에 값을 담음 1) 뷰에게 데이터를 전달하기 위한 객체 생성 ▪︎ ArticleListViewResponse : 모든 게시글 목록을 요청 시, 필요한 DTO 클래스 ▪︎ ArticleListViewResponse.java ( dto 패키지 ) package org.ch..

❶ Model 객체 이용하기 ▪︎ HelloController.java package org.choongang.ewha.hithymeleaf.controller; import org.choongang.ewha.hithymeleaf.domain.User; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import lombok.extern.slf4j.Slf4j; @Slf4j// 스프링에서 로그를 사용하기 쉽게 만든 인터페이스 @Controller public class HelloController..

Thymeleaf ▪︎ Thymeleaf란? - View Template Engine으로, JSP, Freemarkerd와 같이 서버에서 클라이언트에게 응답할 브라우저 화면을 만들어주는 역할 ▪︎ Thymeleaf의 목표 - 주요 목표 : 템플릿을 만들 때 유지관리가 쉽도록 하는 것 → 디자인 프로토타입으로 사용되는 템플릿에 영향을 미치지 않는 방식인 Natural Templates을 기반으로 함 - Natural Templates : 기존 HTML 코드와 구조를 변경하지 않고 덧붙이는 방식 ▪︎ Thymeleaf의 장점 - 코드를 변경하지 않기 때문에 디자인 팀과 개발 팀 간의 협업이 편리해짐 - JSP와 달리, Servlet Code로 변환되지 않기 때문에 비즈니스 로직과 분리되어 오로지 View에 ..

◉ 사전지식 : 타임리프 - 타임리프 : 템플릿 엔진 - 템플릿 엔진 : 스프링 서버에서 데이터를 받아 우리가 보는 웹 페이지 즉, HTML 상에 그 데이터를 넣어 보여주는 도구 단, 템플릿 엔진의 경우, HTML과 함께 템플릿 엔진을 위한 문법을 섞어 사용해야 함 - 템플릿 엔진(Template Engine) • 지정된 템플릿 양식과 데이터가 합쳐져 HTML 문서를 출력하는 소프트웨어로, 웹 사이트를 어떤 형태로 만들지 도와주는 양식 • 서버 사이드 템플릿 엔진과 클라이언트 사이드 템플릿 엔진으로 분류됨 ① 서버 사이드 템플릿 엔진 (Server Side Template Engine) - 서버에서 DB 혹은 API에서 가져온 데이터를 미리 정의된 Template에 넣어 HTML를 그려서 클라이언트에 전..

6. 블로그 글 삭제 API 구현하기 ◉ ID에 해당하는 블로그 글을 삭제하는 API 구현 1) 서비스 메서드 코드 작성하기 ◉ BlogService.java 파일에 delete() 메서드 추가 → JPA에서 제공하는 deleteById() 메서드 이용해 데이터베이스에서 데이터를 삭제함 // 글 삭제 public void deleteById(long id) { blogRepository.deleteById(id); } 2) 컨트롤러 메서드 코드 작성하기 ◉ /api/articles/{id} DELETE 요청이 오면, {id}에 해당하는 값이 @PathVariable 애너테이션을 통해 들어옴 ▪︎ BlogApiController.java // * 글 삭제하는 메서드 @DeleteMapping("/api/a..

4. 블로그 전체 글 목록 조회를 위한 API 구현하기 - 클라이언트는 데이터베이스에 직접 접근 불가 → API를 구현해볼 수 있도록 해야 함 - 모든 글을 조회하는 API를 구현해보자 1) 서비스 메서드 코드 작성하기 ◉ BlogService.java 파일에 데이터베이스에 저장되어 있는 글을 모두 가져오는 findAll() 메서드 추가 ▪︎ BlogService.java - JPA 지원 메서드인 findAll( )을 호출해 article 테이블에 저장되어 있는 모든 데이터 조회 @RequiredArgsConstructor// final이 붙거나 @NotNull이 붙은 필드의 생성자 추가 @Service // 빈으로 등록 public class BlogService { // 데이터베이스와 작업 모델 ( ..

3. 블로그 글 작성을 위한 API 구현하기 - 이전 시간까지 엔티티 구성이 끝났으므로, API를 하나씩 구현해보자. - API 구현 과정 ( 요청 방향과 반대로 구현 ) ① 서비스 클래스에서 메서드 구현 ② 컨트롤러에서 사용할 메서드 구현 ③ API 테스트 클라이언트 -- 요청 ( POST /api/articles ) --> 컨트롤러 -- save( ) --> 서비스 -- save( ) --> 리포지터리 1) 서비스 메서드 코드 작성하기 ◉ 서비스 계층에 블로그에 글을 추가하는 코드 작성 - 서비스 계층에서 요청을 받을 객체인 AddArticleRequest 객체 생성 - BlogService 클래스 생성한 다음 블로그 글 추가 메서드인 save( ) 구현 ◎ dto 패키지 생성 후, 컨트롤러에서 요청..

2. 블로그 개발을 위한 엔티티 구성하기 ◉ 가장 먼저 엔티티를 구성하고, 구성한 엔티티를 사용하기 위한 리포지터리를 추가해보자 - 엔티티 : 데이터베이스의 테이블과 매핑되는 객체로, 데이터베이스의 테이블과 직접 연결 1) 프로젝트 준비하기 ▪︎ Dynamic Web Project 생성 - 'BlogV1' - build.gradle 및 application.yml 설정 추가 ( Snippet 이용 ) 2) 엔티티 구성하기 ◉ 엔티티 구성 - 생성할 엔티티와 매핑되는 테이블 구조 정리 컬럼명 자료형 null 허용 키 설명 id BIGINT N 기본키 일련번호, 기본키 title VARCHAR(255) N 게시물의 제목 content VARCHAR(255) N 내용 ◎ domain 패키지 생성 후, Arti..

• webapp/WEB-INF/view/static/css - css 파일 ( VSC에서 작업 ) • webapp/WEB-INF/view/blog - jsp 파일 ( 이클립스에서 작업 ) ▪︎ blog 폴더에 layout.jsp 생성 전체적인 layout 가정 : header / content / footer ※ - JSP 페이지를 멀티 페이지로 만들어 공통으로 사용하는 부분(header, footer 등)과 새로운 내용으로 나타내야 하는 부분을 분리한 후, 필요한 경우에 다른 문서를 포함하여 하나의 문서로 만드는 지시자 ▪︎ header.jsp TOP (1000 x 80) #FF5EOO; ▪︎ contents.jsp LEFT (600 x 500) #OOD8FF; RIGHT1 (380 x 150) #FF..