SIMPLE

![img](https://i.postimg.cc/9fGQLD8m/techit-logo.png) --- --- # 부모수업 - 부모수업 : 테킷 백엔드 스쿨 7기(Java) 수업페이지 - [주소 : https://slog.gg/p/8](https://slog.gg/p/8) # 수업 - [주소 : https://slog.gg/p/13182](https://slog.gg/p/13182) # 강의 # 1강 - [23 11 14, p 13182, 1강, 인텔리제이 얼티메이트로 스프링부트 프로젝트 생성하기](https://youtu.be/VGLRSgrMF74) # 2강 - [23 11 14, p 13182, 2강, 스프링 이니셜라이저로 스프링부트 프로젝트 시작하기](https://youtu.be/9FKcXaaaxdE) - [스프링 이니셜라이저 - https://start.spring.io/](https://start.spring.io/) # 3강 - [23 11 14, p 13182, 3강, application.properties 를 application.yml 로 수정, 서버 포트를 8020으로 수정, 서버 실행](https://youtu.be/ziI2BRSBuK0) - [http://localhost:8020](http://localhost:8020) ## application.yml ```yml server: port: 8020 ``` # 4강 - [23 11 14, p 13182, 4강, 깃허브에 연결](https://youtu.be/qCw0V4VC__M) - [리포지터리 - https://github.com/jhs512/sb-2023-11-14](https://github.com/jhs512/sb-2023-11-14) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/32bd674) # 5강 - [23 11 14, p 13182, 5강, properties 방식과 yml 방식의 차이](https://youtu.be/RPvlJFq2PGE) # 6강 - [23 11 14, p 13182, 6강, 고객이 웹 사이트를 이용하게 하는데는 어마어마한 기술들이 필요합니다.](https://youtu.be/EwWqHGG6p-E) ## 클라이언트 - 요청을 생성해서 서버에 전송 - 응답(HTML)을 받아서 렌더링 ## 서버 - 클라이언트의 요청을 수신 - 요청의 내용을 분석 - 요청을 처리하여 결과(HTML) 생성 - 응답에 HTML을 실어보냄 - 동시에 여러 클라이언트의 요청을 처리할 수 있어야 함 # 7강 - [23 11 14, p 13182, 7강, 프레임워크는 이미 완성된 프로그램 입니다. 우리는 빈칸만 채우면 됩니다.](https://youtu.be/4WxBq_-aZZg) - 스프링 프레임워크는 자바에서 가장 유명한 웹개발 프레임워크 입니다. - 스프링부트는 스프링 프레임워크에 기능 몇가지를 더해서 개발자가 빠르게 개발할 수 있도록 도와주는 툴 입니다. # 8강 - [23 11 14, p 13182, 8강, 클래스를 스프링이 이해할 수 있는 방식으로 정의하기만 하면 사용은 스프링이 알아서 하는 경우가 많습니다.](https://youtu.be/MRP2euuy0JA) # 9강 - [23 11 14, p 13182, 9강, 인텔리제이의 실행창 사용법](https://youtu.be/NtpvaoM7VbE) # 10강 - [23 11 14, p 13182, 10강, HomeController 추가, / 그리고 /about 요청 처리](https://youtu.be/2KGQ5Qkc2z8) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/a953088) - [http://localhost:8020](http://localhost:8020) - [http://localhost:8020/about](http://localhost:8020/about) # 11강 - [23 11 14, p 13182, 11강, 기본타입은 null 이 허용되지 않는다.](https://youtu.be/zm00YPQtqNs) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/cce3e49) - [http://localhost:8020/calc](http://localhost:8020/calc) - 오류발생, 이유 : a 와 b 에는 null이 들어갈 수 없다. - [http://localhost:8020/calc?a=100&b=200](http://localhost:8020/calc2?a=100&b=200) - [http://localhost:8020/calc2](http://localhost:8020/calc2) - 오류발생안함, 이유 : a 와 b 에는 null이 들어갈 수 있다. - [http://localhost:8020/calc2?a=100&b=200](http://localhost:8020/calc2?a=100&b=200) # 12강 - [23 11 14, p 13182, 12강, int 보다는 double, double 보다는 String이 더 다양한 데이터를 받을 수 있다.](https://youtu.be/yuH6uyX004g) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/98497d1) # 13강 - [23 11 14, p 13182, 13강, 함수의 리턴값을 스프링이 문자열로 번역 후에 브라우저로 전송, 객체의 문자열화는 잭슨이 json 방식으로 변환](https://youtu.be/RP_ymbKSOrw) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/0fb7cdb) # 14강 - [23 11 14, p 13182, 14강, 긴 문자열은 String 보다는 StringBuilder 또는 TextBlock 를 이용해주세요.](https://youtu.be/vrJ1f5WVcjo) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/02cd2f3) # 15강 - [23 11 14, p 13182, 15강, 컨트롤러에서 뷰를 다루면 MVC 정책위반입니다. 타임리프를 통해서 뷰를 호출해주세요. 뷰 데이터는 Model 객체에 담아주세요.](https://youtu.be/8zFY3qsfZRY) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/d910122) # 16강 - [23 11 14, p 13182, 16강, 혹시나 타임리프의 변경에 대한 반영이 느리시다면 spring.thymeleaf.cache: false 처리](https://youtu.be/1rRBHaQLU0Q) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/232cb99) # 17강 - [23 11 14, p 13182, 17강, 컨트롤러 객체(bean)은 딱 1개만 생성되어 사용된다.](https://youtu.be/pYTl4XQlBoM) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/ac94ec0) # 18강 - [23 11 14, p 13182, 18강, 액추에이터로 우리 앱의 건강상태와 매핑정보와 빈의 상태를 알 수 있다.](https://youtu.be/6TKn0qhf1a4) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/470143c) # 19강 - [23 11 14, p 13182, 19강, 게시물 CRUD 컨트롤러 1부](https://youtu.be/-Lj8sajgj6s) - [GIT, step 1, 글쓰기 페이지, 아직은 제목과 내용을 입력할 수 없고 작성 버튼만 있다.](https://github.com/jhs512/sb-2023-11-14/commit/40e10ef) - [GIT, step 2, GET /article/doWrite, 단순한 메세지가 출력된다.](https://github.com/jhs512/sb-2023-11-14/commit/d0b6aa5) - [GIT, step 3, Article 객체를 생성한다. 하지만 곧 삭제된다. 응답으로 단순한 메세지가 아니라 생성한 객체를 준다.](https://github.com/jhs512/sb-2023-11-14/commit/43571ed) - [GIT, step 4, 단순히 생성된 객체를 보여주는 것은 성의가 없다. msg와 data 양식을 갖춰서 응답](https://github.com/jhs512/sb-2023-11-14/commit/daeddc0) - [GIT, step 5, 매번 생성직후 가비지 컬렉팅 당하는객체가 불쌍하다. 해당 객체의 리모콘을 articleController 의 인스턴스 변수에 저장](https://github.com/jhs512/sb-2023-11-14/commit/a670c41) - 이렇게 하면 해당 Article 객체의 수명은 articleController가 삭제되기 전까지 유지된다. - 물론 새 Article 객체가 등록되면 바로 기존 Article 객체는 삭제된다. - 참고로 articleController 객체의 수명은 앱의 수명과 같다.(즉 프로그램이 꺼질 때 까지 계속 유지된다.) # 20강 - [23 11 14, p 13182, 20강, 게시물 CRUD 컨트롤러 2부](https://youtu.be/7jdAj_jRF_o) - [GIT, step 6, 인스턴스 변수의 타입을 Article에서 Aritlce[]로 변경, 여러개의 게시물을 저장하기 위해서](https://github.com/jhs512/sb-2023-11-14/commit/a53b032) - [GIT, step 7, 배열을 써봤더니 별로더라, 크기가 자동으로 늘어나는 자료구조인 List로 변경](https://github.com/jhs512/sb-2023-11-14/commit/b13e6bf) - [GIT, step 8, 보고서 양식에 msg 만으로는 부족하다. resultCode 를 추가하여 각 상황에 대해서 분명하고 깔끔하게 알리자. 순서를 유지하기 위해서 LinkedHashMap 사용](https://github.com/jhs512/sb-2023-11-14/commit/42f53a4) - [GIT, step 9, 보고서 양식을 Map 으로 매번 만드느니, RsData 라는 클래스를 만들어서 편하게 쓰자. 범용성을 위해서 data 변수의 타입은 Object](https://github.com/jhs512/sb-2023-11-14/commit/61792f1) - [GIT, step 10, 보고서(RsData 객체)에서 데이터를 가져올 때(getData()) 수동형변환 하는게 귀찮아서, RsData::data 의 타입을 Article 로 변경, 대신에 RsData 는 오직 Article 만 저장가능하다. 즉 범용성을 잃었다.](https://github.com/jhs512/sb-2023-11-14/commit/e9e856c) - [GIT, step 11, 제너릭을 적용하여 범용성 뿐 아니라 편리함(getData() 할 때 수동형변환 필요없음)도 얻는다.](https://github.com/jhs512/sb-2023-11-14/commit/5110206) # 21강 - [23 11 15, p 13182, 21강, 문제, ArticleController 부분 다 지우고 다시 만들어보세요, 정답](https://youtu.be/yhvabnnqn0s) ## 문제 : ArticleController 부분 다 지우고 다시 만들어보세요. ### 요청 - GET /article/write - GET /article/doWrite?title=제목&body=내용 - GET /article/getLastArticle - GET /article/getArticles ### 제공 코드 ```java @AllArgsConstructor @Getter class RsData { private String resultCode; private String msg; private T data; } @AllArgsConstructor @Getter class Article { private long id; private String title; private String body; } ``` ### 정답 코드 ```java package com.ll.sb20231114; import lombok.AllArgsConstructor; import lombok.Getter; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.ResponseBody; import java.util.ArrayList; import java.util.List; @Controller public class ArticleController { private List

articles = new ArrayList<>(); // GET /article/write @GetMapping("/article/write") String showWrite() { return "article/write"; } // GET /article/doWrite?title=제목&body=내용 @GetMapping("/article/doWrite") @ResponseBody RsData

doWrite(String title, String body) { long id = articles.size() + 1; Article article = new Article(id, title, body); articles.add(article); return new RsData<>("S-1", "성공", article); } // GET /article/getLastArticle @GetMapping("/article/getLastArticle") @ResponseBody Article getLastArticle() { return articles.getLast(); } // GET /article/getArticles @GetMapping("/article/getArticles") @ResponseBody List

getArticles() { return articles; } } @AllArgsConstructor @Getter class Article { private long id; private String title; private String body; } @AllArgsConstructor @Getter class RsData { private String resultCode; private String msg; private T data; } ``` # 22강 - [23 11 15, p 13182, 22강, 게시물 CRUD 컨트롤러 3부](https://youtu.be/eoF8nEg3PXI) - [GIT, step 12, 제목과 내용 입력상자 추가, flex를 이용해서 div 라는 연못을 추가하고, 자식들을 개구리로 만듬, 개구리를 세로로 배열, gap:20px, 아직 input 들은 작동 안함](https://github.com/jhs512/sb-2023-11-14/commit/fcefe66) - [GIT, step 13, href="javascript:;" 로 바꿔서 버튼 눌러도 페이지 이동(발송)이 안되도록](https://github.com/jhs512/sb-2023-11-14/commit/432775a) - [GIT, step 14, onclick="submitWriteForm();" 을 통해서 작성버튼 누를 때 마다 함수가 실행되도록](https://github.com/jhs512/sb-2023-11-14/commit/ce60189) - [GIT, step 15, location.href = '/article/doWrite?title=제목&body=내용'; 을 통해서 페이지 이동(발송)이 되도록](https://github.com/jhs512/sb-2023-11-14/commit/873fa39) - [GIT, step 16, const title, const body 변수 도입](https://github.com/jhs512/sb-2023-11-14/commit/f1535c0) - [GIT, step 17, 각 input 에 input-title, input-body 라는 id 속성 부여, document.getElemetById 를 통해 해당 input 의 value 값을 얻어오기](https://github.com/jhs512/sb-2023-11-14/commit/bead7c2) - [GIT, step 18, 각 입력값(value)의 길이가 0 이라면 경고와 함께 발송을 중지](https://github.com/jhs512/sb-2023-11-14/commit/7161e17) - [GIT, step 19, 입력값에 trim() 함수를 적용하여, 공백으로만 이루어진 내용이 통과될 수 있는 허점을 방어](https://github.com/jhs512/sb-2023-11-14/commit/507465b) - [GIT, step 20, 입력값을 얻고 그것을 trim() 하는게 아니라, 아예 입력 상자안에 있는 값 자체를 trim() 처리를 먼저 하여, 이후 로직에서는 trim() 을 안해도 되도록](https://github.com/jhs512/sb-2023-11-14/commit/aa9e0d7) - [GIT, step 21, inputTitle, inputBody 변수에 엘리먼트 객체리모콘을 저장하여, 필요할 때 마다 매번 찾는 로직을 제거](https://github.com/jhs512/sb-2023-11-14/commit/a016fd5) - [GIT, step 22, focus() 함수를 통해서 경고창과 함께 자동으로 해당 input 에 포커스가 이동되도록](https://github.com/jhs512/sb-2023-11-14/commit/29210df) # 23강 - [23 11 15, p 13182, 23강, const inputTitle = document.getElementById('input-title').value.trim(); 의 단점 설명](https://youtu.be/nWhK17YcQqY) # 24강 - [23 11 15, p 13182, 24강, 게시물 CRUD 컨트롤러 4부](https://youtu.be/PVDILOsKBUk) - [GIT, step 23, a 버튼을 button type="submit" 형태로 변경, 그런다고 해서 아무일도 일어나지 않음](https://github.com/jhs512/sb-2023-11-14/commit/2c73e1e) - [GIT, step 24, div 를 form 으로 변경, 이렇게 하면 input 창에서 엔터를 치거나, button type="submit" 의 버튼을 누르면 폼전송이 발생](https://github.com/jhs512/sb-2023-11-14/commit/9d1bbd4) - [GIT, step 25, onsubmit="return false;" 를 통해서 자연스럽게 발생되던 폼전송을 막는다.](https://github.com/jhs512/sb-2023-11-14/commit/b880087) - [GIT, step 26, onsubmit 에서 submitWriteForm() 함수 실행, 이게 훨씬 좋은 방법](https://github.com/jhs512/sb-2023-11-14/commit/235c79f) - [GIT, step 27, form 을 통해서 input 들의 name 을 기반으로 엘리먼트에 접근이 가능, 그것이 엘리먼트를 id 로 찾는것보다 더 쉽고 좋은 방법](https://github.com/jhs512/sb-2023-11-14/commit/6c71814) - [GIT, step 28, location.href 대신 form.submit() 을 통해서 페이지 이동, 이게 훨씬 좋은 방법](https://github.com/jhs512/sb-2023-11-14/commit/ca9ed92) - [GIT, step 29, HTTP 처리에서는 관례상 조회에만 GET을 사용한다. 이번 요청은 조회가 아니기 때문에 POST 로 변경, POST 로 변경하면 전송데이터가 URL에 ? 뒤에 남지 않고 숨겨진다.](https://github.com/jhs512/sb-2023-11-14/commit/46ecffe) - [GIT, step 30, /article/wrtie 라는 URL을 이제는 글 등록 처리 메서드에서도 쓸 수 있다. 왜냐하면 POST 로 오는 요청과 GET 으로 오는 요청이 구분이 되기 때문](https://github.com/jhs512/sb-2023-11-14/commit/956d05a) - [GIT, step 31, 발신자 주소(폼이 존재하는 페이지의 주소) GET /article/wrtie 와 수신자 주소(편지를 받는 사람) POST /article/write 가 같기 때문에 form 엘리먼트의 action 속성 생략가능](https://github.com/jhs512/sb-2023-11-14/commit/c88314b) # 25강 - [23 11 15, p 13182, 25강, 게시물 CRUD 컨트롤러 5부, GET 과 POST에 대한 추가설명 포함](https://youtu.be/ygENvwsLhTs) - [GIT, step 32, 각 클래스들을 적절한 패키지로 옮김](https://github.com/jhs512/sb-2023-11-14/commit/9dd2f35) # 26강 - [23 11 15, p 13182, 25강, 게시물 CRUD 컨트롤러 6부](https://youtu.be/hlHMwvlMpiI) - [GIT, step 33, ArticleService 라는 요리사를 두어서 점원이 해야하는 일(고객응대) 빼고는 전부 토스](https://github.com/jhs512/sb-2023-11-14/commit/e845154) - [GIT, step 34, ArticleRepository 라는 요리재료창고관리직원을 두어서 요리사가 순수하게 요리에만 집중할 수 있도록 창고에서 데이터 가져오고/수정하고/삭제하고/추가하는 단순한 일들을 전부 토스](https://github.com/jhs512/sb-2023-11-14/commit/146438e) - [GIT, step 35, ArticleService 에 @Component 어노테이션을 붙여서, 공유객체임을 스프링부트에게 명시, ArticleController 는 이제 @Autowired 를 이용한 필드주입으로 객체를 얻기 때문에 더 이상 new ArticleService(); 가 필요 없음, 필드주입은 final 안됨](https://github.com/jhs512/sb-2023-11-14/commit/6cf6226) - [GIT, step 36, ArticleRepository 에 @Component 어노테이션을 붙여서, 공유객체임을 스프링부트에게 명시, ArticleService 는 이제 @Autowired 를 이용한 필드주입으로 객체를 얻기 때문에 더 이상 new ArticleRepository(); 가 필요 없음, 필드주입은 final 안됨](https://github.com/jhs512/sb-2023-11-14/commit/2f68aa5) - [GIT, step 37, 성능상이나 기능상에 아무런 차이도 없지만, 동료 개발자들을 위해서, 가독성을 위해서, @Component 대신 @Service 와 @Repository 라는 어노테이션을 적재적소에 활용](https://github.com/jhs512/sb-2023-11-14/commit/a12a6d6) - [GIT, step 38, ArticleService 에서 필드주입이 아닌 생성자 주입으로 ArticleRepository 의 객체를 얻음, 이제는 final 다시 가능](https://github.com/jhs512/sb-2023-11-14/commit/d252d9b) - [GIT, step 39, ArticleController 에서 필드주입이 아닌 생성자 주입으로 ArticleService 의 객체를 얻음, 이제는 final 다시 가능](https://github.com/jhs512/sb-2023-11-14/commit/3d85c4a) - [GIT, step 40, 클래스에 생성자가 하나라면, 그 생성자에는 @Autowired 를 생략해도 됩니다.](https://github.com/jhs512/sb-2023-11-14/commit/fa44e10) - [GIT, step 41, @RequiredArgsConstructor 를 이용해서 final 필드들만을 위한 생성자를 자동으로 생성, 이제 직접 구현했던 생성자는 삭제](https://github.com/jhs512/sb-2023-11-14/commit/b7ac3ce) # 27강 - [23 11 15, p 13182, 27강, 브라우저 요청 → 컨트롤러 → 서비스 → 리포지터리 → 리포지터리 응답 → 서비스 응답 → 컨트롤러 응답 → 브라우저가 응답 받음](https://youtu.be/YyO-FgWglAs) # 28강 - [23 11 15, p 13182, 28강, 스프링부트에서 브레이크 포인트와 디버거를 활용하는 방법](https://youtu.be/KpoUpP1G7Pk) # 29강 - [23 11 15, p 13182, 29강, 기능이 많이 복잡하지 않아도 미리 컨트롤러, 서비스, 리포지터리로 나눠두는게 좋을 수 도 있고, 개발자들이 보통 그렇게 합니다.](https://youtu.be/WAkIKJxZy20) # 30강 - [23 11 15, p 13182, 30강, 게시물 CRUD 컨트롤러 7부](https://youtu.be/ILkjJhFwf4A) - [GIT, step 42, @Component 붙이기 애매하면 상속을 받아서 새 클래스를 만들고 거기에 @Component를 붙여도 됩니다.](https://github.com/jhs512/sb-2023-11-14/commit/c89eaae) - [GIT, step 43, 더 편한 방법은 @Configuration 클래스의 메서드에 @Bean 을 붙인 메서드(변수타입을 리턴타입으로 하고, 변수명을 메서드명으로 하는)를 만들어 주세요.](https://github.com/jhs512/sb-2023-11-14/commit/5f3282c) - [GIT, step 44, 같은 리턴타입을 가지는 @Bean 메서드를 많이 만들어 두고, 필요할 때 가져다가 쓰면 됩니다. 단 변수명과 일치하는 메서드명을 가진 @Bean 메서드가 생성한 객체가 사용되는 것을 기억하세요.](https://github.com/jhs512/sb-2023-11-14/commit/e0e0b14) # 31강 - [23 11 15, p 13182, 31강, 스프링 부트안에는 공유객체 저장소가 있다. 그곳에 들어가는 방법은 클래스에 @Component 를 붙이거나 @Bean 메서드를 구현](https://youtu.be/A8y8uf125m4) # 32강 - [23 11 15, p 13182, 32강, 게시물 CRUD 컨트롤러 8부](https://youtu.be/AHn0fcFtUEw) - [GIT, step 45, 스프링 MVC 없이는 우리가 요청을 직접 HttpServletRequest 객체에서 얻어야 했다. 해당 객체는 요청이 들어오면 생기고 그 요청에 대한 응답을 완료하면 자동으로 사라진다. 실제 수명은 대략 0.5초 이하](https://github.com/jhs512/sb-2023-11-14/commit/0c7ab46) - [GIT, step 46, 스프링 MVC 없이는 우리가 응답을 직접 HttpServletResponse 객체에 넣어야 했다. 해당 객체는 요청이 들어오면 생기고 그 요청에 대한 응답을 완료하면 자동으로 사라진다. 실제 수명은 대략 0.5초 이하](https://github.com/jhs512/sb-2023-11-14/commit/dd8c9cf) - [GIT, step 47, HttpServletResponse 객체에 응답을 보낼 때 응답 데이터의 타입과 인코딩을 직접 설정해야만 한다. 세밀하게 할 수 있다는 장점이 있지만 평소에는 크게 필요없다. 이 객체는 현업에서 가끔씩만 쓰인다.](https://github.com/jhs512/sb-2023-11-14/commit/73cceca) - [GIT, step 48, 기본적으로 생성되는 빈은 실글톤 스코프이다. 딱 1번만 객체 생성되고 그 이후에는 무조건 해당 객체가 공유되는 방식이다. 절대 없어지지 않는다. HttpServletRequest, HttpServletResponse 객체는 금방 사라진다.](https://github.com/jhs512/sb-2023-11-14/commit/b060b6b) - [GIT, step 49, 빈(스프링부트에서 공유되는 객체)을 등록할 때@RequestScope 를 이용하면, 공유되는 객체의 수명 요청과 응답객체의 수명과 맞출 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/00a0f8d) - [GIT, step 50, 해당 응답이 끝날 때 까지는 같은 객체를 공유한다는 것을 증명, 타임리프에서 `@` 문법을 사용해서 빈에 있는 rq 객체를 가져와서 출력, 타임리프의 실행자체는 @RequestScope 이지만 거기서 싱글톤 스코프인 articleService 빈에 접근 가능하다. 하지만 반대의 경우는 안됨](https://github.com/jhs512/sb-2023-11-14/commit/f42bcde) # 33강 - [23 11 16, p 13182, 33강, 다대다 매칭에서, 각각의 쌍이 서로 다이렉트로 통신해도 되고, 매칭매니저(대리자, 프록시)를 통해도 고객 입장에서는 아무 차이도 없다.](https://youtu.be/ZXowxfghQq8) # 34강 - [23 11 16, p 13182, 34강, Rq가 오래 살아남는것은 모두에게 재앙이다. Rq 객체는 각 요청당 1개씩 만들어져야 하고, 그 요청에 대한 응답이 끝나면 없어져야 함](https://youtu.be/Jqzw5E7aQF4) - 요청이 100번이 있었다면, HttpServletRequest 객체도 100개 생겼다가 사라진다. - 요청이 100번이 있었다면, HttpServletResponse 객체도 100개 생겼다가 사라진다. - 요청이 100번이 있었다면, 그에 해당하는(매칭되는) rq 객체도 100개 생겼다가 사라진다. # 35강 - [23 11 16, p 13182, 35강, 싱글톤 빈인 ArticleController 에서 어떻게 리퀘스트 빈인 rq 를 필드로 가질 수 있는지에 대한 비밀, 그 rq는 대리자임](https://youtu.be/-dM1m1aqLyE) # 36강 - [23 11 16, p 13182, 36강, 게시물 CRUD 컨트롤러 9부](https://youtu.be/54GkNGx7K3o) - [GIT, step 51, write2 에 관련된 코드는 더 이상 쓰지 않기 때문에 제거](https://github.com/jhs512/sb-2023-11-14/commit/c17c256) - [GIT, step 52, 테스트를 위해서 자바스크립트 유효성 검사를 잠시 끈다. rsData 에 F-1, F-2 등의 코드를 담아서 예외상황이 발생했다는 메세지를 예쁘게 보여준다.](https://github.com/jhs512/sb-2023-11-14/commit/6032279) - [GIT, step 53, 사실 해당 메세지는 해커만 볼 수 있기 때문에, 딱히 예쁘게 보여줄 필요는 없다. IllegalArgumentException 예외 발생시켜서 해당 요청을 처리하는 쓰레드를 종료시킨다.](https://github.com/jhs512/sb-2023-11-14/commit/81ecb48) # 37강 - [23 11 16, p 13182, 37강, 게시물 CRUD 컨트롤러 10부](https://youtu.be/IaSaE1PYpws) - [GIT, step 54, Validation 라이브러리 추가, @Validated 를 클래스에 붙이면 메서드 매개변수에 @NotBlank 같은 어노테이션으로 유효성 검사를 갈음할 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/2d2712e) - [GIT, step 55, 특정 액션 메서드의 매개변수를 묶어서 클래스로 대체해도 됩니다. 거기에 @Valid 를 붙이면 기존과 같이 @NotBlank 를 사용할 수 있습니다.](https://github.com/jhs512/sb-2023-11-14/commit/a669207) - [GIT, step 56, 다시 자바스크립트 폼 유효성 검사 스크립트 부활](https://github.com/jhs512/sb-2023-11-14/commit/7a894b6) # 38강 - [23 11 16, p 13182, 38강, 타임리프 템플릿은 서버에서 실행됩니다. 단 1차원적인 치환작업만 하고, HTML, CSS, JS 는 최종적으로 브라우저에서 실행됨](https://youtu.be/P7Kf0K0uNFc) # 39강 - [23 11 16, p 13182, 39강, 게시물 CRUD 컨트롤러 11부](https://youtu.be/Ya1FLM1qALA) - [GIT, step 57, @GetMapping("/article/list") 를 처리하는 함수는 article/list.html 타임리프를 호출한다. 타임리프가 생성해낸 HTML 은 브라우저에 전송되어 실행된다.](https://github.com/jhs512/sb-2023-11-14/commit/a235510) - [GIT, step 58, `List

articles = articleService.findAll();` `model.addAttribute("articles", articles);` 으로 타임리프에게 데이터를 넘기고 `[[${articles}]]` 으로 타임리프에서 받은 데이터 단순출력](https://github.com/jhs512/sb-2023-11-14/commit/19b14a8) - [GIT, step 59, th:text="${articles[0].title}", th:text="${articles[1].title}" 을 통해서 가장 처음에 입력된, 그리고 그 다음에 입력된 게시물의 제목을 각 li의 content로 표시](https://github.com/jhs512/sb-2023-11-14/commit/9b8fc14) - [GIT, step 60, th:if="${articles.size} >= 2" 를 통해서 조건이 맞지 않으면 ul 자체를 렌더링 하지 않음](https://github.com/jhs512/sb-2023-11-14/commit/d2edba2) - [GIT, step 61, th:each="article : ${articles}" th:text="${article.title}" 을 통해서 게시물의 개수만큼 반복해서 li 그리기](https://github.com/jhs512/sb-2023-11-14/commit/12b91ce) - [GIT, step 62, th:text="|${article.id}번 : ${article.title}|" 을 통해서 text 꾸미기](https://github.com/jhs512/sb-2023-11-14/commit/2525dc7) - [GIT, step 63, `` 을 통해서 li의 자식 엘리먼트로 a 엘리먼트 그리기](https://github.com/jhs512/sb-2023-11-14/commit/2f97b82) - [GIT, step 64, th:href="|/article/detail/${article.id}|" th:text="|${article.id}번 : ${article.title}|" 을 통해서 href 속성이 동적으로 그려지도록](https://github.com/jhs512/sb-2023-11-14/commit/a3d1dbb) - [GIT, step 65, th:each="article : ${articles.reversed}" 을 통해서 역순으로 출력](https://github.com/jhs512/sb-2023-11-14/commit/42412a0) # 40강 - [23 11 16, p 13182, 40강, 게시물 CRUD 컨트롤러 12부](https://youtu.be/ICP3ev5rI3U) - [GIT, step 66, `List

articles` 변수의 값을 주입받지 않고 직접 생성, 최초 앱 시작시 자동으로 게시물이 3개 생성되도록](https://github.com/jhs512/sb-2023-11-14/commit/5f7f50d) - [GIT, step 67, 리스트 페이지에 내비게이션 메뉴 추가](https://github.com/jhs512/sb-2023-11-14/commit/bf508fe) - [GIT, step 68 작성 페이지에 내비게이션 메뉴 추가 ](https://github.com/jhs512/sb-2023-11-14/commit/1788c9a) - [GIT, step 69, 글 작성이 완료되면 내용을 보여주는 응답(200)이 아니라, 글 리스트 페이지로 이동하라는 응답(302)을 보냄, 고객 입장에는 연달아 2번의 요청이 발생하는 것으로 느껴짐](https://github.com/jhs512/sb-2023-11-14/commit/970718a) - [GIT, step 70, 글 리스트 상단에 쿼리스트링을 통해서 받은 메세지가 있으면 보여주도록](https://github.com/jhs512/sb-2023-11-14/commit/1a8ad48) - [GIT, step 71, showDetail 메서드 추가, @PathVariable 사용하여 몇번 게시물을 보여줘야 할지 입력받음, findById 를 통해서 게시물 하나의 정보 얻기, showWrite 를 실수로 지움](https://github.com/jhs512/sb-2023-11-14/commit/8b43905) - [GIT, step 72, findById(id).get() 방식으로 바꿔서 코드량을 줄임](https://github.com/jhs512/sb-2023-11-14/commit/a94a80e) - [GIT, step 73, model 에 article 정보 넣어서 article/detail.html 로 전송](https://github.com/jhs512/sb-2023-11-14/commit/6802eaa) - [GIT, step 74, Article 클래스에 @ToString 어노테이션 추가하여 객체의 내용을 문장으로서 출력할 때 단순히 리모콘(객체주소)가 출력되는게 아니라 객체 내용이 출력되도록](https://github.com/jhs512/sb-2023-11-14/commit/18009fb) - [GIT, step 75, 게시물 상세페이지에서 번호, 제목, 내용 출력](https://github.com/jhs512/sb-2023-11-14/commit/82abeaf) - [GIT, step 76, 실수로 지운 showWrite 복구](https://github.com/jhs512/sb-2023-11-14/commit/ab15645) # 41강 - [23 11 16, p 13182, 41강, 게시물 CRUD 컨트롤러 13부](https://youtu.be/pyvbvEL4aYk) - [GIT, step 77, 게시물 리스트 페이지 하단에 글 수정, 글 삭제 버튼 추가](https://github.com/jhs512/sb-2023-11-14/commit/5baecc7) - [GIT, step 78, 삭제기능 구현, 삭제 후 다시 리스트 페이지로 이동하도록 지시(302, redirect)](https://github.com/jhs512/sb-2023-11-14/commit/8ec6a1d) - [GIT, step 79, 수정폼 페이지 구현](https://github.com/jhs512/sb-2023-11-14/commit/19859da) - [GIT, step 80, 수정폼의 입력상자들에 내용(value)이 채워져 있어야 하기 때문에 value 속성 사용하여 임시값으로 채움](https://github.com/jhs512/sb-2023-11-14/commit/d75b1d9) - [GIT, step 81, value 를 th:value 로 바꿔서 올바른 초기 입력값(value)이 채워지도록](https://github.com/jhs512/sb-2023-11-14/commit/1c91890) - [GIT, step 82, 수정폼데이터를 처리하는 액션 구현](https://github.com/jhs512/sb-2023-11-14/commit/7658df9) # 42강 - [23 11 16, p 13182, 42강, RequestMapping 은 article/detail/{id} 인데 템플릿은 article/detail 인 이유](https://youtu.be/0cCb9fdys24) # 43강 - [23 11 16, p 13182, 43강, RequestMapping 은 article/detail/{id} 에서 {id} 는 일종의 패턴입니다.](https://youtu.be/sdjXaEzZUL8) # 44강 - [23 11 16, p 13182, 44강, 레시피대로 객체를 조작하는 것은 아무리 사소한 일이더라도 서비스가 해야 합니다.](https://youtu.be/Ojj0KTofpHI) # 45강 - [23 11 16, p 13182, 45강, 확인용/테스트용 코드 전부 제거, 함수 위치 조정](https://youtu.be/-1dSQ29GDnw) - [GIT](https://github.com/jhs512/sb-2023-11-14/commit/ee6bc88) # 46강 - [23 11 16, p 13182, 46강, 여기까지가 파트 1, 게시물 리스트, 상세보기, 작성, 수정, 삭제를 반복해서 만들어보세요.](https://youtu.be/rFr_817BgSc) # 47강 - [23 11 16, p 13182, 47강, 파트 2, 1부](https://youtu.be/u05CuVoCNa4) - [GIT, step 1, 글 생성시 후 리다이렉트 할때 msg 파라미터에 한글을 넣었더니 오류가 난다. 스프링부트에서 url 에는 한글을 직접 넣으면 안된다.](https://github.com/jhs512/sb-2023-11-14/commit/62930ba) - [GIT, step 2, msg = URLEncoder.encode(msg, StandardCharsets.UTF_8); 로 처리](https://github.com/jhs512/sb-2023-11-14/commit/8084b0a) - [GIT, step 3, 글 수정 성공 메세지 한글화](https://github.com/jhs512/sb-2023-11-14/commit/03cc4c7) - [GIT, step 4, 글 삭제 성공 메세지 한글화](https://github.com/jhs512/sb-2023-11-14/commit/5ac0e7c) - [GIT, step 5, rq.redict 메서드 도입해서 글 생성 처리에 적용](https://github.com/jhs512/sb-2023-11-14/commit/1b0b48a) - [GIT, step 6, rq.redict 메서드 도입해서 글 수정, 글 삭제 처리에 적용](https://github.com/jhs512/sb-2023-11-14/commit/592a5f8) - [GIT, step 7, a 엘리먼트에 onclick="return confirm('정말로 삭제하시겠습니까?');" 적용해서 삭제하기 전에 한번더 고객에게 삭제의사를 물어보도록](https://github.com/jhs512/sb-2023-11-14/commit/c1b462e) - [CODEPEN - confirm](https://codepen.io/jangka44/pen/KKJyWxz?editors=1011) - confirm 함수는 `true` 혹은 `false` 를 리턴한다. # 48강 - [23 11 16, p 13182, 48강, 파트 2, 2부](https://youtu.be/k6_LDLeqSYI) - [GIT, step 8, nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect 라이브러리 불러오기, article 폴더를 article/article 폴더로 옮김, global/layout.html 레이아웃 생성, 글 쓰기 페이지에 적용](https://github.com/jhs512/sb-2023-11-14/commit/5835b9a) - [GIT, step 9, 글 리스트, 수정, 상세 페이지에도 레이아웃 적용](https://github.com/jhs512/sb-2023-11-14/commit/21e54c3) - [GIT, step 10, 그 동안 글 목록에서만 되었던 메세지 출력을 어떤 페이지에서든 다 되도록](https://github.com/jhs512/sb-2023-11-14/commit/b7a8a92) # 49강 - [23 11 16, p 13182, 49강, 파트 2, 3부](https://youtu.be/8To4hcL8v7U) - [눈누 - https://noonnu.cc/](https://noonnu.cc/) - [눈누 - 프리텐다드 폰트 - https://noonnu.cc/font_page/694](https://noonnu.cc/font_page/694) - [테일윈드 - https://tailwindcss.com/](https://tailwindcss.com/) - [테일윈드 치트시트 - https://nerdcave.com/tailwind-cheat-sheet](https://nerdcave.com/tailwind-cheat-sheet) - [데이지UI - https://daisyui.com/](https://daisyui.com/) - [GIT, step 11, 눈누에서 프리텐다드 폰트 가져와서 적용, src/main/resources/static 폴더가 정적 콘텐츠(이미지 파일, CSS 파일, JS 파일)를 저장하는 폴더들이다. 참고로 고객이 사용중에 업로드하는 이미지는 정적 콘첸츠가 아니다.](https://github.com/jhs512/sb-2023-11-14/commit/9e64138) - [GIT, step 12, static 폴더안에서 폴더이동을 한다면, 관련 URL도 바꿔줘야 한다.](https://github.com/jhs512/sb-2023-11-14/commit/c5533e4) - [GIT, step 13, 테일윈드 불러오기](https://github.com/jhs512/sb-2023-11-14/commit/2f50e07) - [GIT, step 14, style 대신 class 를 사용(테일윈드 문법을 써서 똑같은 결과를 만듬)](https://github.com/jhs512/sb-2023-11-14/commit/46363e4) - [GIT, step 15, 테일윈드는 JIT 모드가 있다.](https://github.com/jhs512/sb-2023-11-14/commit/59ae4fa) - [GIT, step 16, 테일윈드 만으로 버튼을 만들 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/eceaced) - [GIT, step 17, 데이지 UI 불러오기, 데이지 UI는 테일윈드와 호환이 된다. 이것을 이용해서 디자인을 쉽고 빠르게 할 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/2c05c33) - [GIT, step 18, 데이지 UI 테마를 light 로 고정](https://github.com/jhs512/sb-2023-11-14/commit/e925d93) ## 폰트적용 ### src/main/resources/static/resource/global.css ```css @font-face { font-family: 'Pretendard-Regular'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } html > body { font-family: "Pretendard-Regular"; } ``` ### src/main/resources/templates/global/layout.html ```html ... ... ``` # 50강 - [데이지UI - 컨포넌트 - 내비바 - https://daisyui.com/components/navbar/](https://daisyui.com/components/navbar/) - [23 11 16, p 13182, 50강, 파트 2, 4부](https://youtu.be/05gNygOPJyQ) - [GIT, step 19, 내비바 적용](https://github.com/jhs512/sb-2023-11-14/commit/21abc2f) - [GIT, step 20, 내비바의 각 버튼에 링크 걸기](https://github.com/jhs512/sb-2023-11-14/commit/5d9c031) - [GIT, step 21, 게시물 리스트 꾸미기](https://github.com/jhs512/sb-2023-11-14/commit/57b0dba) ## global/layout.html ```html SIMPLE

메세지 : [[${param.msg}]]

``` # 51강 - [23 11 16, p 13182, 51강, 파트 2, 5부](https://youtu.be/iRU6VWPPE1I) - [GIT, step 22, 글 작성 페이지 꾸미기](https://github.com/jhs512/sb-2023-11-14/commit/0fbb05c) - [GIT, step 23, 글 수정 페이지 꾸미기](https://github.com/jhs512/sb-2023-11-14/commit/b5c6171) - [GIT, step 24, 글 내용 페이지 꾸미기](https://github.com/jhs512/sb-2023-11-14/commit/9c51967) - [GIT, step 25, 알람 메시지 꾸미기](https://github.com/jhs512/sb-2023-11-14/commit/f01d58b) # 52강 - [23 11 16, p 13182, 52강, 파트 2, 6부](https://youtu.be/aHOXEWXvkh4) - [GIT, step 26, toastr 라이브러리 불러오기(jQuery 도 함께), 폼 체크시 경고 메세지를 alert 대신 toastWarning 함수로 교체](https://github.com/jhs512/sb-2023-11-14/commit/0de53b3) - [GIT, step 27, 자바스크립트로 쿼리파라미터를 가져오는 함수 getQueryParams 함수를 global.js 파일에 정의, layout.html 에서 사용하여 기존의 경고 메세지 엘리먼트를 대체](https://github.com/jhs512/sb-2023-11-14/commit/9d9bf88) - [GIT, step 28, alert 를 toastNotice 함수로 교체](https://github.com/jhs512/sb-2023-11-14/commit/d1556b2) # 53강 - [23 11 17, p 13182, 53강, 본인이 직접 만든 프로젝트와 별개로 강사의 프로젝트 클론해서 생성한 후 거기서 git을 이용해서 연습하는 방법](https://youtu.be/yWvtpiHykRo) # 54강 - [23 11 17, p 13182, 54강, @RequiredArgsConstructor 는 @Autowired 를 모른다. 단순히 final 붙은 필드만 매개변수로하는 생성자 만듬](https://youtu.be/ibbtR7xqPVk) # 55강 - [23 11 17, p 13182, 55강, 여기까지가 파트 2, Rq, 테일윈드, 데이지UI, 웹폰트, toastr 등을 다뤘습니다.](https://youtu.be/K5T4vARUzPA) # 56강 - [23 11 17, p 13182, 56강, 파트 3, 1부](https://youtu.be/vyOOWjyQsa0) - [폰트어썸 - https://fontawesome.com](https://fontawesome.com) - 이미지 방식이 아닌 폰트방식의 아이콘을 지원한다. - 이미지 방식의 아이콘과 비교해서 아이콘의 색상과 크기를 자유롭게 조절할 수 있다는 장점이 있다. - [폰트어썸 - 무료 아이콘 검색 - https://fontawesome.com/search?o=r&m=free](https://fontawesome.com/search?o=r&m=free) - [CNDJS - https://cdnjs.com](https://cdnjs.com) - CDN 방식으로 가져다가 쓸 수 있는 프론트엔드 라이브러리들을 모아놓은 사이트 - 자바의 메이븐 리포지터리와 비슷하다. 그것의 프론트엔드 버전 - CDN 방식은 `` 이런식으로 외부사이트의 라이브러리를 바로 불러오는 방식을 말한다. - [CNDJS - font awesome - https://cdnjs.com/libraries/font-awesome](https://cdnjs.com/libraries/font-awesome) - `` 이런식으로 head 엘리먼트 안에 두면 로딩이 된다. - [GIT, step 1, 회원관련 링크를 레이아웃 메뉴에 추가, 각종 폰트어썸 아이콘을 가져와서 적용](https://github.com/jhs512/sb-2023-11-14/commit/3016f38) - [GIT, step 2, article 서브 모듈을 복사해서 member 서브모듈을 생성, 회원가입 템플릿(타임리프) 구현](https://github.com/jhs512/sb-2023-11-14/commit/14bf169) # 57강 - [23 11 17, p 13182, 57강, 브라우저로 http://localhost:8020/member/login 에 접속하면 벌어지는 일들을 순서대로 설명](https://youtu.be/wkGGFbK6vjU) ## 단계 1. 단계 - http://localhost:8020/member/join - GET /member/join 2. 단계 - member/member/join.html -> layout 호출 3. 단계 - global/layout.html 전반부 부분 4. 단계 - member/member/join.html 5. 단계 - global/layout.html 후반부 부분 # 58강 - [23 11 17, p 13182, 58강, 브라우저에서 폼의 값을 채워서 서버에 요청을 보내는 과정을 순서대로 설명](https://youtu.be/1nBxa_8ZGeI) # 59강 - [23 11 17, p 13182, 59강, 브라우저에서 만들어진 폼 데이터가 POST 방식으로 서버에 요청보내지면 벌어지는 일들을 순서대로 설명](https://youtu.be/IVCssU2pASM) ## 단계 1. 단계 - POST /member/join - payload = (username=aaa,password=bbb) 2. 단계 - 요청매핑에 의해서 `String join(@Valid WriteForm joinForm);` 메서드에 매핑 3. 단계 - WriteForm 객체 생성 4. 단계 - HttpServletRequest req 에서 payload(username : aaa, password : bbb)를 꺼내서 - 3단계에서 만든객체에 삽입 - writeForm.username = "aa"; - writeForm.password = "bbb"; 5. 단계 - 유효성 체크 - 방금 작업에서 @NotBlank 룰에 의거해서 만약에 비어있는 값이 입력되었다면 오류 발생 6. 단계 - 이후 내용은 영상을 참고해주세요. # 60강 - [23 11 17, p 13182, 60강, 파트 3, 2부](https://youtu.be/ctz9stqSw3Y) - [GIT, step 3, /GET /member/login 으로 접속하면 로그인 폼 보여주도록](https://github.com/jhs512/sb-2023-11-14/commit/abfa889) - [GIT, step 4, 폼에서 발생한 요청을 서버가 받으면, 즉 /POST /member/login 을 받으면 해당 데이터가 유효한지 체크(아이디 일치, 비번 일치), 그 후 게시물 리스트 페이지로 보냄](https://github.com/jhs512/sb-2023-11-14/commit/c57506d) # 61강 - [23 11 17, p 13182, 61강, HTTP 에서 서버는 고객을 구분하지 않는다.](https://youtu.be/d6ezU6B7wkI) # 62강 - [23 11 17, p 13182, 62강, 초창기 웹은 단순 정보제공용으로 많이 사용되었습니다. 그 당시는 웹 사이트를 프로그램으로도 취급하지 않았습니다. 다들 설치형을 썼습니다.](https://youtu.be/q_kTBERONS4) # 63강 - [23 11 17, p 13182, 63강, OS 설치형 프로그램 개발에 악몽에 시달리던 개발자들이 웹 브라우저라는 환경에 눈을 돌리게 되었습니다.](https://youtu.be/2GnEhoWlKwc) ## 설치형 프로그램 개발 대비, 웹 개발의 장점 - 개발속도 향상 - 수 많은 OS 문제로부터 탈피 - 배포의 용이성(고객이 업데이트를 안해도 된다.) # 64강 - [23 11 17, p 13182, 64강, 고객을 구분할 수 있어야 한다. 즉 기억력이 있어야 한다. 서버가 기억하기는 힘드니 클라이언트가 기억하자. 그게 바로 종이쿠폰(쿠키)](https://youtu.be/8R1kPb9F5T0) # 65강 - [23 11 17, p 13182, 65강, 인증의 2단계는, 확인과 인증서 발급입니다. 우리는 확인까지만 구현했습니다.](https://youtu.be/Vx49SqvGO40) # 66강 - [23 11 17, p 13182, 66강, 해당 브라우저의 이용자가 특정 회원이라는 것을 기억하는 방식은 2가지가 있습니다. 서버가 기억, 클라이언트가 기억](https://youtu.be/kFI9Ypb8ULc) # 67강 - [23 11 17, p 13182, 67강, req 는 받은 편지이고, resp 는 보낼 편지](https://youtu.be/QhUeteUdZjs) # 68강 - [23 11 17, p 13182, 68강, resp 에 쿠키조작지시문을 실어 보내면 브라우저가 그에 따른 쿠키 생성/수정/삭제 작업을 한다, 1부, 설명, 삽집](https://youtu.be/kDm21IxqEpY) - [23 11 17, p 13182, 68강, resp 에 쿠키조작지시문을 실어 보내면 브라우저가 그에 따른 쿠키 생성/수정/삭제 작업을 한다, 2부, 버그해결](https://youtu.be/h1Qc3gs3J0g) - [23 11 17, p 13182, 68강, resp 에 쿠키조작지시문을 실어 보내면 브라우저가 그에 따른 쿠키 생성/수정/삭제 작업을 한다, 3부, 정리](https://youtu.be/viq1r8mLAM0x) - [GIT, step 5, 회원관련 링크를 레이아웃 메뉴에 추가, 각종 폰트어썸 아이콘을 가져와서 적용](https://github.com/jhs512/sb-2023-11-14/commit/19bc7d7) # 69강 - [23 11 17, p 13182, 69강, JSON 응답, 타임리프 템플릿이 생성해낸 HTML, CSS, JS 등을 포함한 기타 모든 응답은 response 객체에 담긴다.](https://youtu.be/Nis-i7G8t-8) # 70강 - [23 11 17, p 13182, 70강, 파트 3, 3부](https://youtu.be/wiSSxaekA68) - [GIT, step 6, loginedMemberId 쿠키값을 무조건 "2" 로 하는게 아니라 인증이 확인된 회원의 번호로 지정](https://github.com/jhs512/sb-2023-11-14/commit/ff2e19b) - [GIT, step 7, 게시물 리스트 상단에 2번회원의 username 으로 환영합니다 라는 메세지 출력](https://github.com/jhs512/sb-2023-11-14/commit/b1989d7) - [GIT, step 8, 하드코딩된 2번이 아닌 전달 받은 쿠키에서 얻은 값으로 회원을 찾음](https://github.com/jhs512/sb-2023-11-14/commit/ae638db) # 71강 - [23 11 17, p 13182, 71강, 쿠키는 클라이언트에서 너무나 쉽게 조작이 가능하고, 애초에 그렇게 사용하라고 나온 기술이다. 인증에는 다른 기술이 필요하다.](https://youtu.be/r565QUQ1s_s) # 72강 - [23 11 17, p 13182, 72강, 서버가 기억력을 가져야만 하는 상황이 있다, 하지만 HTTP 만으로는 불가능하다. 사실 스프링부트는 Web Server 를 내장한 WAS](https://youtu.be/qNjuefi4E1w) # 73강 - [23 11 17, p 13182, 73강, WAS 이기 때문에 스프링부트는 세션을 운영할 수 있고, 세션의 핵심은 서버 사이드 저장소 이다.](https://youtu.be/5TgacZdj9Ko) # 74강 - [23 11 17, p 13182, 74강, 무언가를 저장할 수 있는 것과, 저장한 것을 원할 때 접근해서 찾을 수 있는 것은 전혀 다른 문제이다,](https://youtu.be/c_6-fOImZ7s) - 세션을 쓰려면 해당 브라우저의 세션방 번호(세션키)를 클라이언트에게 알려주고 그것을 서버에 요청을 보낼 때 마다 보내달라고 해야 한다. - 해당 브라우저에 해당하는 세션방이 존재하는 것과 별개로 요청에 세션키가 없으면 그것을 활성화 할 수 없다. - 마치 헬스장에서 월 이용료를 더 내면 사물함을 이용할 수 있는데, 그 사물함 키를 잃어버리거나, 헬스장갈 때 안가져 가면 해당 사물함을 이용할 수 없는것과 같은 원리이다. # 75강 - [23 11 17, p 13182, 75강, req.getSession(); 을 하는것만으로 세션키라는 쿠키가 발급된다. 그것이 세션방을 활성해 해주는 열쇠이다.](https://youtu.be/G4iXNI-Qf2s) - [GIT, step 9, 쿠키방식 뿐 아니라, 세션방식으로도 인증정보를 저장한다. 다만 세션이기 때문에 서버에 저장한다. 그리고 만약 기존에 생성된 세션키(쿠키)가 없다면 발급한다.](https://github.com/jhs512/sb-2023-11-14/commit/417993f) - [GIT, step 10, 게시물 리스트 페이지에서 세션에서도 회원정보를 꺼내서 사용](https://github.com/jhs512/sb-2023-11-14/commit/f39b59c) # 76강 - [23 11 20, p 13182, 76강, 브라우저에는 여러개의 쿠키통이 있고, 각 쿠키통은 쿠키들을 묶어주는데, 쿠키들이 나뉘는 기준은 바로 도메인 이다.](https://youtu.be/eakinef9vL4) # 77강 - [23 11 20, p 13182, 77강, 쿠키를 굽는다는 뜻은 쿠키를 만든다는 뜻, 쿠키는 서버에서 직접 생성할 수 없지만, 응답받는 클라이언트에게 쿠키조작을 지시 할 수 있다.](https://youtu.be/-JwUWKjteJU) # 78강 - [23 11 20, p 13182, 78강, 세션방의 이름이 엄청나게 길고 난수성이 큰 이유](https://youtu.be/lyNkhvbEogI) # 79강 - [23 11 20, p 13182, 79강, 손님(브라우저)에게 사물함 키(세션키, 세션방 이름)가 없고, 동시에 사물함에 필요한 요청을 하게되면, 그때만 사물함(세션방)이 생성된다.](https://youtu.be/AWpaId4wZKY) # 80강 - [23 11 20, p 13182, 80강, 사물함 키(세션키)를 발듭받았다면, 그 이후에 헬스장(서버)에 갈 때(요청)마다 매번 키를 가져가야 한다. 가져갈 때만 서버가 기존 세션을 활성화](https://youtu.be/Ca9CpK8Apfg) # 81강 - [23 11 20, p 13182, 81강, 해커가 공격대상의 세션키를 무작위 방식으로 맞추는 것은 어려워서 XSS 공격으로 세션키 탈취가 잦았음, http only 쿠키로 방어가능](https://youtu.be/v_NbJ-gMDRY) # 82강 - [23 11 20, p 13182, 82강, 생성된 세션방의 이름을 응답본문이 아닌 쿠키생성지시문 알려주는 이유는 그것이 프론트엔드 개발자에게 더 안전하고 편한방식이기 때문](https://youtu.be/kv947pyBv8Q) - 쿠키가 안되는 환경에서는 클라이언트 개발자가 엑세스 토큰(세션키랑 비슷한 개념)을 스토리지에 저장하고 - 서버에 요청을 날릴 때 마다 해당 토큰을 요청에 끼워넣어야 합니다. - 안드로이드 네이티브 앱, iOS 네이티브 앱, 타 도메인에서의 SPA(리액트, 뷰, 앵귤러, 스벨트 등) 앱과의 통신을 해야하고, 동시에 쿠키도 못 쓰는 상황이라면 위처럼 해야 한다. - 클라이언트 개발자가 해야하고 - 서버 개발자는 엑세스토큰(세션키 + 정보)을 만드는 정도의 작업을 해야 한다. # 83강 - [23 11 20, p 13182, 83강, 세션방식과 쿠키방식의 비교, 정리, 영상없음, 월요일에 진행할 예정](https://youtu.be/CwWsQduklYE) ## 쿠키 - 저장위치 : 클라이언트의 쿠키통(도메인별로 나뉨) - 클라이언트 조작 가능성 : 가능(서버에서도 클라이언트 측 쿠키 조작 가능) - 특이사항 1 : 해당 도메인에 발송되는 모든 요청에 자동으로 실려서 전송됨 ## 세션 - 저장위치 : WAS의 세션저장소(브라우저별로 나뉨) - 클라이언트 조작 가능성 : 불가능 - 특이사항 1 : 각 브라우저 당 하나씩 세션방을 가진다. - 특이사항 2 : 특정 브라우저가 접속 후, 딱히 세션관련 작업을 안하면 굳이 세션방을 만들지 않는다. - 특이사항 3 : 세션방이 만들어질 때 그 방의 이름을 굉장히 큰 난수성을 지닌 긴 문자열로 하고, 그것을 고객에게 알려준다. - 딱 1번 발급받는다. - 응답에 실린 쿠키(지시문)을 통해서 발급 받는다. - 마치 헬스장에서 추가요금을 내고 사물함을 배정 받은 후, 그것을 열 수 있는 사물함 키를 받는것과 마찬가지 - 특이사항 4 : 이미 해당 브라우저의 세션방이 있다면, 세션방을 새로 만들지 않는다. - 특이사항 5 : 브라우저가 쿠키로 가져온 세션방 번호가 틀렸거나 없다면, 기존 방은 곧 사라지고, 새 방이 만들어진 후 매칭된다. # 84강 - [23 11 20, p 13182, 84강, 세션과 관련된 요청이 정말로 세션방생성으로 이어지는지, 언제 세션방이 새로 만들어지는지 실습](https://youtu.be/wk2LXlgB8Vw) # 85강 - [23 11 20, p 13182, 85강, 파트 3, 4부](https://youtu.be/nkwYUDESpx8) - [GIT, step 11, 쿠키는 loginedMemberId 를 담기에는 너무 위험하다. 세션이 있으니 이제 쿠키관련 코드는 삭제하자.](https://github.com/jhs512/sb-2023-11-14/commit/4eafeec) - [GIT, step 12, 현재 로그인한 회원의 정보 출력하는 엘리먼트를 article/list.html 에서 layout.html 로 옮김, 현재는 게시물 리스트 페이지 에서만 현재 로그인한 회원의 이름을 볼 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/2c1e85b) - [GIT, step 13, 게시물 상세페이지에서도 현재 로그인한 회원정보를 볼 수 있도록](https://github.com/jhs512/sb-2023-11-14/commit/4a17e4f) - [GIT, step 14, 게시물 작성페이지에서도 현재 로그인한 회원정보를 볼 수 있도록, 여기까지 작업하고 나니 `이건 아니다` 라는 생각이 듬](https://github.com/jhs512/sb-2023-11-14/commit/b3870d3) - [GIT, step 15, model.addAttribute 는 req.setAttribute 로 대체할 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/1553f63) - [GIT, step 16, HttpServletRequest req 는 매개변수가 아니더라도 rq 를 통해서 얻을 수 있다. 이제 파라미터 부분이 깔끔해졌다.(하나도 없음)](https://github.com/jhs512/sb-2023-11-14/commit/1b24794) - [GIT, step 17, rq.getLoginedMemberId 메서드를 도입](https://github.com/jhs512/sb-2023-11-14/commit/10d3f95) - [GIT, step 18, rq.getLoginedMember 메서드를 도입](https://github.com/jhs512/sb-2023-11-14/commit/062eacf) - [GIT, step 19, layout.html 이 더 이상 수동적으로 loginedMember 라는 빈칸이 채워지기만을 기다리는 수동적인 녀석이 아니라, 직접 ${@rq.loginedMember.username} 을 통해서 현재 로그인한 회원의 정보를 출력하는 능동적인 녀석으로 변경, 이제 그 녀석을 이용하는 사람들이 편해질 예정](https://github.com/jhs512/sb-2023-11-14/commit/939416b) - [GIT, step 20, layout.html 이 스스로 필요한 정보에 접근해서 채우기 때문에, 더 이상 필요없어진 코드를 삭제, 속시원함](https://github.com/jhs512/sb-2023-11-14/commit/0bd81f8) - [GIT, step 21, Rq 클래스 리펙토링](https://github.com/jhs512/sb-2023-11-14/commit/4818bd9) - [GIT, step 22, Rq 클래스에서 getMember 메서드가 호출될 때 마다 매번 memberService.findById(); 를 호출하는게 아니라 한번 member 를 구했다면 그 녀석을 기억하는 방식으로 변경, 이게 바로 캐시기법 이다.](https://github.com/jhs512/sb-2023-11-14/commit/3e0c273) # 86강 - [23 11 20, p 13182, 86강, req, resp 로 부터 파생되는 레시피가 많고, 많은 곳에서 쓰임, 그것을 편하게 쓸수 있게 해주는, 접근성 좋은 인포직원이 Rq](https://youtu.be/VvlDDHrLXUk) # 87강 - [23 11 20, p 13182, 87강, 파트 3, 5부](https://youtu.be/kN_kFBc6AmM) - [GIT, step 23, Rq::setSessionAttr 도입](https://github.com/jhs512/sb-2023-11-14/commit/fc026df) - [GIT, step 24, Rq::removeSessionAttr 도입](https://github.com/jhs512/sb-2023-11-14/commit/78039e2) - [GIT, step 25, th:unless="${@rq.logined}" 와 th:if="${@rq.logined}" 를 통해서 로그인 상태에 따른 메뉴의 분기](https://github.com/jhs512/sb-2023-11-14/commit/250f0f9) - [GIT, step 26, 글 CRUD 를 할때 로그인 되어있는지 체크](https://github.com/jhs512/sb-2023-11-14/commit/9800216) - [GIT, step 27, 글 쓰기 할 때 작성자 정보 추가](https://github.com/jhs512/sb-2023-11-14/commit/1595dcd) - `import com.ll.sb20231114.domain.article.article.entity.Member;` // 여태까지 이런 잘못된 패키지 구조였는데 - `import com.ll.sb20231114.domain.member.member.entity.Member;` // 이렇게 올바르게 고치는 작업도 수행 - [GIT, step 28, 게시물 리스트에서 작성자 정보 표기](https://github.com/jhs512/sb-2023-11-14/commit/0055aa5) # 88강 - [23 11 21, p 13182, 88강, 파트 3, 6부](https://youtu.be/CRnJDgFwJN0) - [GIT, step 29, user1 이 글 1개, user2 가 글 2개가 되게 하려고 했지만 해당 시점에 memberRepository 가 초기화 되기 전이라서 실패](https://github.com/jhs512/sb-2023-11-14/commit/2632214) - [GIT, step 30, ArticleRepository 에서 생성자에 추가기능을 이어서 수행하기 위해서 생성자를 직접 구현, user1 이 글 1개, user2 가 글 2개](https://github.com/jhs512/sb-2023-11-14/commit/f09a9bb) - [GIT, step 31, articles 에 직접 넣지 않고, save 로 넣어서 이상한 상태의 객체가 생성되는 것을 방지](https://github.com/jhs512/sb-2023-11-14/commit/5f1a812) - [GIT, step 32, @RequiredArgsConstructor 를 부활, @PostConstruct 를 사용하여 깔끔하게 생성자 안의 특정 로직을 특정 메서드로 분리](https://github.com/jhs512/sb-2023-11-14/commit/1f848a0) - [GIT, step 33, ApplicationRunner initNotProd 빈 등록, ApplicationRunner 는 그 특성상 생성되면 자동으로 실행되는 특징이 있다.](https://github.com/jhs512/sb-2023-11-14/commit/7884c5b) - [GIT, step 34, initNotProd 에서 관리자 1명, 일반 회원 2명 생성, 글 3개 생성, 이제 샘플 데이터 만드는 로직이 퍼져있지 않고 깔끔하게 모아져 있다.](https://github.com/jhs512/sb-2023-11-14/commit/699c840) # 89강 - [23 11 21, p 13182, 89강, 서브 모듈을 벗어나서 다른 서브 모듈과 소통을 하려면, 그 주체는 서비스가 되어야 한다.](https://youtu.be/90NoBjKtNOg) # 90강 - [23 11 21, p 13182, 90강, 세션에는 회원정보와 회원권한까지 넣는것은 DB 조회를 굉장히 많이 줄여준다.](https://youtu.be/q5LopGv8xVg) # 91강 - [23 11 21, p 13182, 91강, 파트 3, 7부](https://youtu.be/De1Bv4n8SOw) - [GIT, step 35, 관리자만 접근할 수 있는 admin 메인 페이지 추가](https://github.com/jhs512/sb-2023-11-14/commit/3e5537f) - [GIT, step 36, admin 에 about 페이지 추가, 이 때도 관리자인지 체크, `뭔가 이건 아니다.` 라는 생각이 듬](https://github.com/jhs512/sb-2023-11-14/commit/f5ccefb) - [GIT, step 37, 관리자인지 체크해주는 NeedToAdminInterceptor 인터셉터 생성, 아직은 체크작업은 하지 않음](https://github.com/jhs512/sb-2023-11-14/commit/a2d81f7) - [GIT, step 38, @Component 붙여서 NeedToAdminInterceptor 를 빈으로 등록시키고, WebMvcConfig 에서 해당 빈이 /adm/** 패턴의 url 에 대한 모든 요청을 처리하기 전에 작동하도록 설정](https://github.com/jhs512/sb-2023-11-14/commit/980b175) - [GIT, step 39, NeedToAdminInterceptor 의 preHandle 을 통해서 요청을 각 컨트롤러에서 처리하기 전에 체크, 관리자가 아니라면 예외발생, 참고로 postHandle 을 통해서 최종적인 응답도 필터링 할 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/4b2562a) - [GIT, step 40, 이제 모든 adm 관련 액션에서 끔찍했던 관리자 체크 로직들을 전부 제거](https://github.com/jhs512/sb-2023-11-14/commit/8e68a40) - [GIT, step 41, 로그인 할 때 회원번호 뿐 아니라, 회원의 권한들도 저장, 이렇게 하면 각 페이지의 접근권한을 테스트할 때 세션에 있는 정보만으로 판단이 가능, 참고로 세션이 DB 보다 1000 정도 빠르다고 생각하시면 됩니다.](https://github.com/jhs512/sb-2023-11-14/commit/5925a85) - [GIT, step 42, 실제로 각 페이지의 접근권한을 체크할 때 memberService.findById 자체가 실행되지도 않고, 그 전에 세션 선에서 모든 판단을 완료하도록 구조 변경](https://github.com/jhs512/sb-2023-11-14/commit/4e373a0) # 92강 - [23 11 21, p 13182, 92강, 파트 3, 8부](https://youtu.be/HwNwFycIwWU) - [GIT, step 43, NeedToLoginInterceptor 도입하여, 로그인 체크에 대한 역할을 맡음](https://github.com/jhs512/sb-2023-11-14/commit/032726c) - [GIT, step 44, 로그인이 필요한 액션 메서드에서 매번 수행하던 로그인 체크를 인터셉터를 적용하여 전부 제거](https://github.com/jhs512/sb-2023-11-14/commit/c79fe82) - [GIT, step 45, 로그아웃 상태여야 접근 가능한 페이지들에 대한 선언적인 처리](https://github.com/jhs512/sb-2023-11-14/commit/57b4238) - [GIT, step 46, 글 수정 폼 보여주는 페이지에서 권한체크](https://github.com/jhs512/sb-2023-11-14/commit/d5d0004) - [GIT, step 47, 글 상세페이지에서 수정버튼의 노출여부를 권한의 유무로 결정한다.](https://github.com/jhs512/sb-2023-11-14/commit/c9cd51c) - [GIT, step 48, 글 수정 폼 처리 액션에서 권한체크](https://github.com/jhs512/sb-2023-11-14/commit/e8ff9ca) - [GIT, step 49, 글 삭제관련 권한체크](https://github.com/jhs512/sb-2023-11-14/commit/2bae052) # 93강 - [23 11 21, p 13182, 93강, 관리자 회원은 타인의 글을 수정할 순 없어도, 삭제할 수는 있다.](https://youtu.be/8smdqolTw-0) - [GIT, step 50, 관리자 회원은 타인의 글을 수정할 순 없어도, 삭제할 수는 있다.](https://github.com/jhs512/sb-2023-11-14/commit/d2316da) # 94강 - [23 11 21, p 13182, 94강, articleService.findById(id).get(); 은 찾기실패시에 알아서 예외를 발생시킨다.](https://youtu.be/vcMj-FmRTnQ) - [GIT, step 51, articleService.findById(id).get(); 은 찾기실패시에 알아서 예외를 발생시킨다.](https://github.com/jhs512/sb-2023-11-14/commit/6e9d08b) # 95강 - [23 11 21, p 13182, 95강, 여기까지가 파트 3, 인증, 인가, 권한체크, 로그인 처리, 샘플 데이터 생성 등을 다뤘습니다.](https://youtu.be/BA9StgQmSXU) # 96강 - [23 11 21, p 13182, 96강, 파트 4, 1부](https://youtu.be/a22YeRkr1b8) - [GIT, step 1, 스프링 시큐리티 도입, 거기에는 디폴트 설정이 덕지덕지 붙어있는다.](https://github.com/jhs512/sb-2023-11-14/commit/ecb30cc) - [GIT, step 2, 스프링 시큐리티 나름의 로그인, 인증, 인가에 대한 체계가 있고, 간단한 것들은 application.yml 에서 조절할 수 있다.](https://github.com/jhs512/sb-2023-11-14/commit/91b41eb) - [GIT, step 3, 세션정보 출력 액션](https://github.com/jhs512/sb-2023-11-14/commit/7e35d31) - [GIT, step 4, 개발자가 직접 filterChain 빈을 등록해서 디폴트 설정들을 다 끈다.](https://github.com/jhs512/sb-2023-11-14/commit/b4af00d) - [GIT, step 5, 지난 파트에서 작업하다가 발생한 버그 수정, 게시물 수정 권한 체크의 로직 순서 변경](https://github.com/jhs512/sb-2023-11-14/commit/443a60e) - [GIT, step 6, csrf 는 명시적으로 꺼줘야 꺼진다.](https://github.com/jhs512/sb-2023-11-14/commit/de61f35) - [GIT, step 7, csrf 를 끄지 않으면(추천), 모든 POST 요청에 csrf 토큰을 동봉해야 한다.](https://github.com/jhs512/sb-2023-11-14/commit/34e83af) - [GIT, step 8, form 에서 method 가 POST 이고 th:action 속성이 있다면 csrf 토큰은 자동동봉된다.](https://github.com/jhs512/sb-2023-11-14/commit/c9b8f4b) - [GIT, step 9, 폼 전송시에 본인이 본인에게 보낼때, th:action="" 는 안되고 th:action 은 된다.](https://github.com/jhs512/sb-2023-11-14/commit/0c75aa2) # 97강 - [23 11 21, p 13182, 97강, 파트 4, 2부](https://youtu.be/jaEEXtlJGqw) - [GIT, step 10, 스프링 시큐리티의 폼 로그인 기능을 사용하기 위해, 기존 로그인 폼 처리 액션을 삭제,시큐리티에서 formLogin 설정](https://github.com/jhs512/sb-2023-11-14/commit/05f6402) - [GIT, step 11, 스프링 시큐리티는 Member 가 아니라 User 를 기반으로 작동한다. username 에 해당 하는 Member 를 찾고 User 로 변환해주는 변환기를 빈에 등록한다.](https://github.com/jhs512/sb-2023-11-14/commit/052a9ec) - 그러면 로그인 과정에서 스프링 시큐리티가 그것을 내부적으로 사용한다. - [GIT, step 12, 로그인 테스트 해봤는데 실패했다. 패스워드 인코더가 없어서 그렇다고 한다. 그래서 비밀번호 인코드(암호화)를 비활성화 했다.](https://github.com/jhs512/sb-2023-11-14/commit/d001c35) - [GIT, step 13, BCrypt 방식의 패스워드 인코드를 빈에 등록, 비밀번호 암호화를 다시 켰다.](https://github.com/jhs512/sb-2023-11-14/commit/7f4d8db) - [GIT, step 14, 스프링 시큐리티가 세션에 데이터를 쓰는 방식은 기존과 다르다. Rq를 스프링 시큐리티 방식에 맞추는 작업](https://github.com/jhs512/sb-2023-11-14/commit/a287b4c) # 98강 - [23 11 21, p 13182, 98강, 프레임워크를 학습할 때 코드 하나하나의 원리를 이해하기가 너무 힘들다면, 많이 사용해 보는 전략으로 바꿔보세요.](https://youtu.be/OF1sgsGkXWk) # 99강 - [23 11 21, p 13182, 99강, 파트 4, 3부](https://youtu.be/PNAk4y9VTJc) - [GIT, step 15, formLogin 설정에서 loginProcessingUrl, usernameParameter, passwordParameter 는 생략 가능](https://github.com/jhs512/sb-2023-11-14/commit/ae88656) - [GIT, step 16, 버그수정, rq.getSessionAttr("authorities"); 는 이제 과거의 잔재이다. rq.isAdmin(); 으로 변경](https://github.com/jhs512/sb-2023-11-14/commit/c8a6c20) - [GIT, step 17, 로그인 폼 처리에 이어서, 이번에는 로그아웃 처리까지도 스프링 시큐리티에게 일임, 대시 이제 GET 이 아닌 POST 로 로그아웃 신청해야 한다.](https://github.com/jhs512/sb-2023-11-14/commit/e27d4f9) - [GIT, step 18, a 엘리먼트에 method="POST" 속성 추가하면 자동으로 POST 방식으로 전송되도록 해주는 스크립트 적용](https://github.com/jhs512/sb-2023-11-14/commit/1aa8f0d) # 100강 - [23 11 21, p 13182, 100강, 파트 4, 4부](https://youtu.be/nQeK1aPCcog) - [GIT, step 19, 인터셉터는 이제 필요없다. 스프링 시큐리티에서 제공하는 @PreAuthorize 어노테이션으로 손쉽게 권한체크](https://github.com/jhs512/sb-2023-11-14/commit/22310f9) - [GIT, step 20, 관리자 페이지 관련 액션 메서드에는 @PreAuthorize("hasRole('ADMIN')") 를 붙임](https://github.com/jhs512/sb-2023-11-14/commit/12b8e90) - [GIT, step 21, 관리자 페이지 관련 액션 메서드에 일일이 @PreAuthorize 붙이는 방식보다는, SecurityConfig 에서 선언적으로 한방에 처리](https://github.com/jhs512/sb-2023-11-14/commit/308d745) # 101강 - [23 11 22, p 13182, 101강, rq 는 현재 요청을 보낸 브라우저 이용자를 의미 합니다. 타임리프에서 rq 를 사용할 때는 @rq.member 방식으로](https://youtu.be/My8G2ZiNngA) # 102강 - [23 11 22, p 13182, 102강, 타임리프 layout 이해하기](https://youtu.be/Z9G_SBJa4t0) # 103강 - [23 11 22, p 13182, 103강, @PostConstruct 를 사용하면, 생성자에 몰려있는 초기화 로직을 나눌 수 있다.](https://youtu.be/YmVKtYgZxw4) # 104강 - [23 11 22, p 13182, 104강, 현재 admin 회원만 ROLE_ADMIN 권한을 가지고 있고, URL 패턴 /adm/** 에 대항하는 페이지에 접속할 수 있습니다.](https://youtu.be/xgC-ZfWXLAo) # 105강 - [23 11 22, p 13182, 105강, 추후 배울 JPA 에서 나올 어노테이션 미리 설명, @Id, @GeneratedValue](https://youtu.be/fljl5x2bsa8) ```java @Getter @Setter @Entity public class Question { @Id // MySQL에서 Primary Key 를 의미 @GeneratedValue(strategy = GenerationType.IDENTITY) // MySQL에서 Auto Increment 를 의미 private Integer id; @Column(length = 200) private String subject; @Column(columnDefinition = "TEXT") private String content; private LocalDateTime createDate; } ``` # 106강 - [23 11 23, p 13182, 106강, 여기까지가 파트 4, 스프링 시큐리티로 인증, 인가 처리를 다뤘습니다.](https://youtu.be/sIrXELrGNAw) # 107강 - [23 11 23, p 13182, 107강, 파트 5, 1부](https://youtu.be/vHn-08FKZFA) - [GIT, step 1, ArticleController 에 @RequestMapping("/article") 붙여서 각 액션 메서드의 매핑 접두어 "/article" 을 지움](https://github.com/jhs512/sb-2023-11-14/commit/2aa5cb4) - [GIT, step 2, 게시물 삭제시에 DELETE 메서드가 가장 적합하지만, HTML FORM 의 한계로 POST 전송으로 바꾸는 것으로 만족](https://github.com/jhs512/sb-2023-11-14/commit/47f419b) - [GIT, step 3, a 엘리먼트와 METHOD="POST" 와 onclick 의 조합이 제대로 작동하지 않아서 자바스크립트로 버그수정](https://github.com/jhs512/sb-2023-11-14/commit/35e0be3) - [GIT, step 4, spring.mvc.hiddenmethod.filter.enabled=true 로 해서 히든 메서드 활성화, 이제 꼼수를 써서 @DeleteMapping, @PutMapping 이 가능하다.](https://github.com/jhs512/sb-2023-11-14/commit/f31b40c) - 게시물 삭제에 DELETE 매핑 적용 - 실제로는 POST 전송이 되지만, 스프링부트가 _method 파라미터를 전송방식으로 인식해준다. - [GIT, step 5, 게시물 수정폼 처리에 PUT 매핑 적용](https://github.com/jhs512/sb-2023-11-14/commit/42771c1) - 실제로는 POST 전송이 되지만, 스프링부트가 _method 파라미터를 전송방식으로 인식해준다. # 108강 - [23 11 23, p 13182, 108강, 삭제에는 method="DELETE" 를 쓸 수 있었더 이유는, 자바스크립트로 그렇게 될 수 있도록 세팅을 해두었기 때문](https://youtu.be/k4wV8eS5SG8) # 109강 - [23 11 23, p 13182, 109강, 파트 5, 2부](https://youtu.be/9EvIG5TKFwc) - [GIT, step 6, AdmHomeController @RequestMapping("/adm") 적용](https://github.com/jhs512/sb-2023-11-14/commit/68983b7) - [GIT, step 7, 관리자용 페이지들에 layout 적용](https://github.com/jhs512/sb-2023-11-14/commit/3632d99) - [GIT, step 8, 관리자용 페이지들만의 전용 layout 이 필요, admLayout.html 도입, 사용자 페이지에서 관리자 페이지로 이동할 수 있는 링크 추가](https://github.com/jhs512/sb-2023-11-14/commit/67add35) - [GIT, step 9, 관리자 페이지로 이동할 수 있는 링크는 관리자만 볼 수 있도록](https://github.com/jhs512/sb-2023-11-14/commit/bab7ded) - [GIT, step 10, baseLayout 도입해서 기존에 레아웃들에 있던 중복코드 제거](https://github.com/jhs512/sb-2023-11-14/commit/e778220) - [GIT, step 11, 각 레이아웃들에서 헤더를 header 태그로 변경, layout 에서 navbar 로 두번 감싼던 버그 수정](https://github.com/jhs512/sb-2023-11-14/commit/45a9b2c) # 110강 - [23 11 23, p 13182, 110강, 파트 5, 3부](https://youtu.be/9M-iMASO5Xc) - [GIT, step 12, 전체 템플릿 파일들을 body 로 감싸기, 리팩토링](https://github.com/jhs512/sb-2023-11-14/commit/af6844d) - [GIT, step 13, 각 페이지가 아닌 레이아웃에서 여백을 관리](https://github.com/jhs512/sb-2023-11-14/commit/6003d52) - [GIT, step 14, 그 동안 th:action 속성이 없어서 가입이 안되던 버그 수정, 비밀번호 확인도 입력받아서 더블체크](https://github.com/jhs512/sb-2023-11-14/commit/20721e2) # 111강 - [23 11 23, p 13182, 111강, 파트 5, 4부](https://youtu.be/BvdHzyyAibk) - [23 11 23, p 13182, 111강, 파트 5, 4부, 복기](https://youtu.be/4orpBVcczMU) - [GIT, step 15, 메세지 뒤에 수명(ttl) 추가](https://github.com/jhs512/sb-2023-11-14/commit/f1f4ab9) - [GIT, step 16, 메세지 출력 부분에서 수명을 제거한 순수 메세지 부분만 추출하여 출력](https://github.com/jhs512/sb-2023-11-14/commit/1ff36e0) - [GIT, step 17, 메세지의 수명이 아직 끝나지 않았을 때만 출력](https://github.com/jhs512/sb-2023-11-14/commit/bb49f88) - [GIT, step 18, 메세지 생성시에 수명을 현재 시간 + 5초로 설정](https://github.com/jhs512/sb-2023-11-14/commit/f998e08) - [GIT, step 19, 각 페이지에 title을 넣는다. SIMPLE 또는 SIMPLE 관리자 라는 문장이 중복](https://github.com/jhs512/sb-2023-11-14/commit/aff8e04) - [GIT, step 20, layout:title-pattern 이용해서 title 콘텐트에 중복되던 문구를 깔끔하게 제거](https://github.com/jhs512/sb-2023-11-14/commit/0d37dc1) # 112강 - [23 11 23, p 13182, 112강, 파트 5, 5부](https://youtu.be/uPFX4kogF3A) - [23 11 23, p 13182, 112강, 파트 5, 5부, 복기](https://youtu.be/fWZhtU_k3JE) - [GIT, step 21, 컨트롤러 테스트에는 @SpringBootTest, @AutoConfigureMockMvc, @ActiveProfiles("test") 어노테이션이 필요하고 MockMvc mvc 객체로 실제 HTTP 요청을 테스트할 수 있습니다.](https://github.com/jhs512/sb-2023-11-14/commit/3269836) ```java // WHEN ResultActions resultActions = mvc .perform(get("/article/list")) // GET /article/list (으)로 실제로 HTTP 요청을 날리고 결과를 콘솔로 출력 .andDo(print()); ``` - [GIT, step 22, 게시물 리스트가 잘 작동된다고 할 수 있는 조건을 기술하시면 됩니다.](https://github.com/jhs512/sb-2023-11-14/commit/11afcb6) - [GIT, step 23, 게시물 내용이 잘 작동된다고 할 수 있는 조건을 기술하시면 됩니다, 실제 1번 게시물 객체를 가져와서 둘을 대조해 보면 좋습니다.](https://github.com/jhs512/sb-2023-11-14/commit/7f74cf4) # 113강 - [23 11 23, p 13182, 113강, 파트 5, 6부](https://youtu.be/2pnZgqX82eQ) - [23 11 23, p 13182, 113강, 파트 5, 6부, 복기](https://youtu.be/RNIZhkPbOoA) - [GIT, step 24, 테스트, GET /article/write](https://github.com/jhs512/sb-2023-11-14/commit/12f417a) - [GIT, step 25, 테스트, POST /article/write, 정말로 작성이 되었는지 확인하기 위해서 articleService.findLatest() 사용](https://github.com/jhs512/sb-2023-11-14/commit/ec2b08d) - [GIT, step 26, 테스트, GET /article/list 에서 하드코딩 대신에 articleService.findLatest() 사용](https://github.com/jhs512/sb-2023-11-14/commit/37b4d5d) - [GIT, step 27, 테스트, GET /article/modify/{id}, 본인 소유의 게시물이 아니라면 수정폼을 볼 수 조차 없다.](https://github.com/jhs512/sb-2023-11-14/commit/04aa6a4) - [GIT, step 28, 테스트, GET /article/modify/{id}](https://github.com/jhs512/sb-2023-11-14/commit/ecb872d) - [GIT, step 29, 테스트, PUT /article/modify/{id}](https://github.com/jhs512/sb-2023-11-14/commit/fad509e) - [GIT, step 30, 테스트, DELETE /article/delete/{id}](https://github.com/jhs512/sb-2023-11-14/commit/a6805e2) # 114강 - [23 11 23, p 13182, 114강, 파트 5, 7부](https://youtu.be/v3qd1VH5PmY) - [23 11 23, p 13182, 114강, 파트 5, 7부, 복기](https://youtu.be/UzdfvQzqTX8) - [GIT, step 31, ChatGPT 에게 ArticleControllerTest 의 작업 스타일대로 MemberControllerTest 도 완성해달라고 부탁](https://github.com/jhs512/sb-2023-11-14/commit/d113a1b) - [GIT, step 32, 테스트, GET /member/login, When 과 Then 으로 나눔](https://github.com/jhs512/sb-2023-11-14/commit/4d1d29d) - [GIT, step 33, 테스트, POST /member/login, ChatGPT 에게 로그인 폼 처리에 대한 테스트도 만들어 달라고 요청 후 작업](https://github.com/jhs512/sb-2023-11-14/commit/f57ea7c) - [GIT, step 34, 테스트, GET /member/join](https://github.com/jhs512/sb-2023-11-14/commit/19be4f7) - [GIT, step 35, 테스트, POST /member/join](https://github.com/jhs512/sb-2023-11-14/commit/73cb415) ## ChatGTP 질/답 ### 질문 1 ```` # ArticleController ```java package com.ll.sb20231114.domain.article.article.controller; import com.ll.sb20231114.domain.article.article.entity.Article; import com.ll.sb20231114.domain.article.article.service.ArticleService; import com.ll.sb20231114.global.rq.Rq; import jakarta.servlet.http.HttpServletRequest; import jakarta.validation.Valid; import jakarta.validation.constraints.NotBlank; import lombok.Data; import lombok.RequiredArgsConstructor; import org.springframework.security.access.prepost.PreAuthorize; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.*; import java.util.List; @Controller @RequiredArgsConstructor @RequestMapping("/article") public class ArticleController { private final ArticleService articleService; private final Rq rq; @GetMapping("/list") String showList(Model model) { List

articles = articleService.findAll(); model.addAttribute("articles", articles); return "article/article/list"; } @GetMapping("/detail/{id}") String showDetail(Model model, @PathVariable long id) { Article article = articleService.findById(id).get(); model.addAttribute("article", article); return "article/article/detail"; } @PreAuthorize("isAuthenticated()") @GetMapping("/write") String showWrite() { return "article/article/write"; } @Data public static class WriteForm { @NotBlank private String title; @NotBlank private String body; } @PreAuthorize("isAuthenticated()") @PostMapping("/write") String write(@Valid WriteForm writeForm, HttpServletRequest req) { Article article = articleService.write(rq.getMember(), writeForm.title, writeForm.body); return rq.redirect("/article/list", "%d번 게시물 생성되었습니다.".formatted(article.getId())); } @PreAuthorize("isAuthenticated()") @GetMapping("/modify/{id}") String showModify(Model model, @PathVariable long id) { Article article = articleService.findById(id).get(); if (!articleService.canModify(rq.getMember(), article)) throw new RuntimeException("수정권한이 없습니다."); model.addAttribute("article", article); return "article/article/modify"; } @Data public static class ModifyForm { @NotBlank private String title; @NotBlank private String body; } @PreAuthorize("isAuthenticated()") @PutMapping("/modify/{id}") String modify(@PathVariable long id, @Valid ModifyForm modifyForm) { Article article = articleService.findById(id).get(); if (!articleService.canModify(rq.getMember(), article)) throw new RuntimeException("수정권한이 없습니다."); articleService.modify(article, modifyForm.title, modifyForm.body); return rq.redirect("/article/list", "%d번 게시물 수정되었습니다.".formatted(id)); } @PreAuthorize("isAuthenticated()") @DeleteMapping("/delete/{id}") String delete(@PathVariable long id) { Article article = articleService.findById(id).get(); if (!articleService.canDelete(rq.getMember(), article)) throw new RuntimeException("삭제권한이 없습니다."); articleService.delete(article); return rq.redirect("/article/list", "%d번 게시물 삭제되었습니다.".formatted(id)); } } ``` # ArticleControllerTest ```java package com.ll.sb20231114.domain.article.article.controller; import com.ll.sb20231114.domain.article.article.entity.Article; import com.ll.sb20231114.domain.article.article.service.ArticleService; import org.junit.jupiter.api.DisplayName; import org.junit.jupiter.api.Test; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.security.test.context.support.WithUserDetails; import org.springframework.test.context.ActiveProfiles; import org.springframework.test.web.servlet.MockMvc; import org.springframework.test.web.servlet.ResultActions; import java.util.Optional; import static org.assertj.core.api.Assertions.assertThat; import static org.hamcrest.Matchers.containsString; import static org.junit.jupiter.api.Assertions.assertThrows; import static org.springframework.security.test.web.servlet.request.SecurityMockMvcRequestPostProcessors.csrf; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.*; import static org.springframework.test.web.servlet.result.MockMvcResultHandlers.print; import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.*; @SpringBootTest @AutoConfigureMockMvc @ActiveProfiles("test") public class ArticleControllerTest { @Autowired private MockMvc mvc; @Autowired private ArticleService articleService; // GET /article/list @Test @DisplayName("게시물 목록 페이지를 보여준다") void t1() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/article/list")) .andDo(print()); Article article = articleService.findLatest().get(); // THEN resultActions .andExpect(status().is2xxSuccessful()) .andExpect(handler().handlerType(ArticleController.class)) .andExpect(handler().methodName("showList")) .andExpect(content().string(containsString(""" 게시글 목록 """.stripIndent().trim()))) .andExpect(content().string(containsString(""" %d번 : %s """.formatted(article.getId(), article.getTitle()).stripIndent().trim()))); } // GET /article/detail/{id} @Test @DisplayName("게시물 내용 페이지를 보여준다") void t2() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/article/detail/1")) .andDo(print()); // THEN Article article = articleService.findById(1L).get(); resultActions .andExpect(status().is2xxSuccessful()) .andExpect(handler().handlerType(ArticleController.class)) .andExpect(handler().methodName("showDetail")) .andExpect(content().string(containsString(""" 게시글 내용 """.stripIndent().trim()))) .andExpect(content().string(containsString("""

""".stripIndent().trim()))) .andExpect(content().string(containsString(article.getTitle()))) .andExpect(content().string(containsString(article.getBody()))); } // GET /article/write @Test @DisplayName("게시물 작성 페이지를 보여준다") @WithUserDetails("user1") void t3() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/article/write")) .andDo(print()); // THEN resultActions .andExpect(status().is2xxSuccessful()) .andExpect(handler().handlerType(ArticleController.class)) .andExpect(handler().methodName("showWrite")) .andExpect(content().string(containsString(""" 게시글 작성 """.stripIndent().trim()))) .andExpect(content().string(containsString(""" { ResultActions resultActions = mvc .perform(get("/article/modify/1")) .andDo(print()); }); } // GET /article/modify/{id} @Test @DisplayName("게시물 수정폼 페이지를 보여준다.") @WithUserDetails("admin") void t6() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/article/modify/1")) .andDo(print()); // THEN Article article = articleService.findById(1L).get(); resultActions .andExpect(status().is2xxSuccessful()) .andExpect(handler().handlerType(ArticleController.class)) .andExpect(handler().methodName("showModify")) .andExpect(content().string(containsString(""" 게시글 수정 """.stripIndent().trim()))) .andExpect(content().string(containsString(""" %s """.formatted(article.getBody()).stripIndent().trim()))) ; } @Test @DisplayName("게시물 수정폼 처리") @WithUserDetails("admin") void t7() throws Exception { // WHEN ResultActions resultActions = mvc .perform( put("/article/modify/1") .with(csrf()) .param("title", "제목 new") .param("body", "내용 new") ) .andDo(print()); // THEN resultActions .andExpect(status().is3xxRedirection()) .andExpect(handler().handlerType(ArticleController.class)) .andExpect(handler().methodName("modify")) .andExpect(redirectedUrlPattern("/article/list?msg=**")); Article article = articleService.findById(1L).get(); assertThat(article.getTitle()).isEqualTo("제목 new"); assertThat(article.getBody()).isEqualTo("내용 new"); } @Test @DisplayName("게시물 삭제") @WithUserDetails("admin") void t8() throws Exception { // WHEN ResultActions resultActions = mvc .perform( delete("/article/delete/1") .with(csrf()) ) .andDo(print()); // THEN resultActions .andExpect(status().is3xxRedirection()) .andExpect(handler().handlerType(ArticleController.class)) .andExpect(handler().methodName("delete")) .andExpect(redirectedUrlPattern("/article/list?msg=**")); Optional

optionalArticle = articleService.findById(1L); assertThat(optionalArticle.isEmpty()).isEqualTo(true); } } ``` # MemberController ```java package com.ll.sb20231114.domain.member.member.controller; import com.ll.sb20231114.domain.member.member.service.MemberService; import com.ll.sb20231114.global.rq.Rq; import jakarta.validation.Valid; import jakarta.validation.constraints.NotBlank; import lombok.Data; import lombok.RequiredArgsConstructor; import org.springframework.security.access.prepost.PreAuthorize; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; @Controller @RequiredArgsConstructor public class MemberController { private final MemberService memberService; private final Rq rq; @PreAuthorize("isAnonymous()") @GetMapping("/member/login") String showLogin() { return "member/member/login"; } @PreAuthorize("isAnonymous()") @GetMapping("/member/join") String showJoin() { return "member/member/join"; } @Data public static class JoinForm { @NotBlank private String username; @NotBlank private String password; } @PreAuthorize("isAnonymous()") @PostMapping("/member/join") String join(@Valid JoinForm joinForm) { memberService.join(joinForm.username, joinForm.password); return rq.redirect("/member/login", "회원가입이 완료되었습니다."); } } ``` # MemberControllerTest ```java package com.ll.sb20231114.domain.member.member.controller; import com.ll.sb20231114.domain.member.member.service.MemberService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.test.context.ActiveProfiles; import org.springframework.test.web.servlet.MockMvc; @SpringBootTest @AutoConfigureMockMvc @ActiveProfiles("test") public class MemberControllerTest { @Autowired private MockMvc mvc; @Autowired private MemberService memberService; } ``` # 요구사항 - ArticleControllerTest 와 같은 방식으로 MemberControllerTest 클래스를 완성시켜줘 ```` ### 질문 1 응답 ```java package com.ll.sb20231114.domain.member.member.controller; import org.junit.jupiter.api.DisplayName; import org.junit.jupiter.api.Test; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.test.autoconfigure.web.servlet.AutoConfigureMockMvc; import org.springframework.boot.test.context.SpringBootTest; import org.springframework.security.test.context.support.WithAnonymousUser; import org.springframework.test.web.servlet.MockMvc; import org.springframework.test.web.servlet.ResultActions; import static org.springframework.security.test.web.servlet.request.SecurityMockMvcRequestPostProcessors.csrf; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.*; import static org.springframework.test.web.servlet.result.MockMvcResultHandlers.print; import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.*; @SpringBootTest @AutoConfigureMockMvc public class MemberControllerTest { @Autowired private MockMvc mvc; // GET /member/login @Test @DisplayName("로그인 페이지를 보여준다") @WithAnonymousUser void showLoginPage() throws Exception { mvc.perform(get("/member/login")) .andDo(print()) .andExpect(status().isOk()) .andExpect(view().name("member/member/login")) .andExpect(handler().handlerType(MemberController.class)) .andExpect(handler().methodName("showLogin")); } // GET /member/join @Test @DisplayName("회원가입 페이지를 보여준다") @WithAnonymousUser void showJoinPage() throws Exception { mvc.perform(get("/member/join")) .andDo(print()) .andExpect(status().isOk()) .andExpect(view().name("member/member/join")) .andExpect(handler().handlerType(MemberController.class)) .andExpect(handler().methodName("showJoin")); } // POST /member/join @Test @DisplayName("회원가입 처리") @WithAnonymousUser void joinMember() throws Exception { mvc.perform(post("/member/join") .with(csrf()) .param("username", "newuser") .param("password", "newpassword")) .andDo(print()) .andExpect(status().is3xxRedirection()) .andExpect(redirectedUrl("/member/login?msg=**")) .andExpect(handler().handlerType(MemberController.class)) .andExpect(handler().methodName("join")); } } ``` # 115강 - [23 11 23, p 13182, 115강, 파트 5, 8부](https://youtu.be/BhvuLVVbZq4) - [23 11 23, p 13182, 115강, 파트 5, 8부, 복기](https://youtu.be/Q5w3jLSqHZw) - [GIT, step 36, 테스트, GET /adm with user1, 403 발생](https://github.com/jhs512/sb-2023-11-14/commit/5b34463) - [GIT, step 37, 테스트, GET /adm with admin, 200 발생](https://github.com/jhs512/sb-2023-11-14/commit/63245bd) - [GIT, step 38 테스트, GET /adm/home/about, 200 발생](https://github.com/jhs512/sb-2023-11-14/commit/b95d807) # 116강 - [23 11 23, p 13182, 116강, 파트 5, 9부](https://youtu.be/Ofcs7Wn6TYI) - [23 11 23, p 13182, 116강, 파트 5, 9부, 복기](https://youtu.be/aB5J4W0_Y_c) - [GIT, step 39, 현재 우리 사이트의 기본페이지는 /article/list 가 맞지만, / 로 이동시켜도 어차피 기본페이지로 리다이렉팅 된다. 그래서 모든 코드에서 이제 / 로 보내도록 처리](https://github.com/jhs512/sb-2023-11-14/commit/6bd55cd) - [GIT, step 40, / 에서 /article/list 로 리다이렉팅 될 때 msg 가 누락되어서 넘겨준다.](https://github.com/jhs512/sb-2023-11-14/commit/0c423a2) - [GIT, step 41, msg 를 URLEncod 할 때 ttl 이 있다면 먼저 제거하고 인코딩 후에 다시 붙이는 방식, 그게 url 이 더 예쁘게 나온다.](https://github.com/jhs512/sb-2023-11-14/commit/690195a) # 117강 - [23 11 23, p 13182, 117강, 파트 5, 10부](https://youtu.be/Wlx9WBqXXf8) - [23 11 23, p 13182, 117강, 파트 5, 10부, 복기](https://youtu.be/NmFdruzjer4) - [GIT, step 42, GET /article/write2](https://github.com/jhs512/sb-2023-11-14/commit/f079822) - [GIT, step 43, POST /article/write2 처리, 실패할 경우에 다시 폼을 고객에게 들이민다.](https://github.com/jhs512/sb-2023-11-14/commit/d128526) - [GIT, step 44, ArticleCreateForm form 이라고 하면 안되고, ArticleCreateForm articleCreateForm 이라고 해야 한다, 에러가 있다면 출력](https://github.com/jhs512/sb-2023-11-14/commit/02da3fe) - [GIT, step 45, 고객에게 입력오류 때문에 다시 폼을 보았을 때 기존 내용이 채워지도록, th:field](https://github.com/jhs512/sb-2023-11-14/commit/3cbcd4d) - [GIT, step 46, 만약에 고객이 절대 폼관련 실수를 안한다면, 많은 부분이 편해진다.](https://github.com/jhs512/sb-2023-11-14/commit/4f2ff67) # 118강 - [23 11 23, p 13182, 118강, 파트 5, 11부](https://youtu.be/S58_ClG9zSQ) - [23 11 23, p 13182, 118강, 파트 5, 11부, 복기](https://youtu.be/BUEwd-ra4HM) - [GIT, step 47, 회원가입 시 이미 존재하는 username 인지 체크, 만약에 중복되었다면 빈 폼을 응답](https://github.com/jhs512/sb-2023-11-14/commit/caa608c) - [GIT, step 48, 빈 폼을 응답하는 대신 history.back(); 실행](https://github.com/jhs512/sb-2023-11-14/commit/e6cb31a) - [GIT, step 49, global/js 에 msg 변수를 넣어서, 상황에 맞는 메세지가 history.back(); 이 실행되기 전에 alert 으로 보여지도록](https://github.com/jhs512/sb-2023-11-14/commit/dd87045) # 119강 - [23 11 24, p 13182, 119강, 스프링 시큐리티를 도입하면 자동으로 모든 POST 요청에 csrf 토큰을 요구한다.](https://youtu.be/pBeMHZbqTSA) # 120강 - [23 11 24, p 13182, 120강, 스프링, JPA, 타임리프 등에 대한 실험을 할 수 있는 환경을 만들 수 없다면, 습득속도가 엄청나게 느려집니다, 자주 실험해주세요.](https://youtu.be/8XD7HCeI4ow) - [GIT, step 50, 스프링 기본기능, JPA, 타임리프와 관련된 실험을 하시려면 HomeController 가 좋습니다.](https://github.com/jhs512/sb-2023-11-14/commit/176820d) # 121강 - [23 11 24, p 13182, 121강, HTTP 메서드, HTTP 상태코드는 가볍게 검색해 보셨어야 합니다.](https://youtu.be/kydZAmIT8YY) # 122강 - [23 11 24, p 13182, 122강, 서비스가 RsData〈?〉 형태로 응답을 하면 호출자가 다양한 정보를 한번에 얻을 수 있어서 좋습니다.](https://youtu.be/OSWnA3x0LT4) - [GIT, step 51, memberService.join() 의 리턴타입을 Member 에서 RsData\ (으)로 변경](https://github.com/jhs512/sb-2023-11-14/commit/6408f6f) # 123강 - [23 11 24, p 13182, 123강, RsData 가 아니더라도 예외발생을 통해서 예외 메세지와 함께 요청흐름처리를 정지시키는게 가능합니다.](https://youtu.be/rcbVzwRBXHg) - [GIT, step 52, RuntimeException 예외를 던져서 요청흐름처리를 중단](https://github.com/jhs512/sb-2023-11-14/commit/6a7df00) # 124강 - [23 11 24, p 13182, 124강, ControllerExceptionHandler 를 믿고, 오직 성공 시나리오로만 코딩을 한다. 그러면 코드가 간결해 집니다.](https://youtu.be/KHaSe9EOARY) - [GIT, step 53, 컨트롤러에서 예외를 처리하지 않음, 결국 요청처리흐름이 중단됨](https://github.com/jhs512/sb-2023-11-14/commit/4bc6931) - [GIT, step 54, 컨트롤러에서 historyBack 을 하지 않기 때문에, 쓸데없는 코드인 return rq.historyBack(joinRs.getMsg()); 을 제거](https://github.com/jhs512/sb-2023-11-14/commit/d907107) - [GIT, step 55, ControllerExceptionHandler 를 도입하여 @Controller에서 발생한 RuntimeException 에 대한 처리로 rq.historyBack 이 실행되도록 연결](https://github.com/jhs512/sb-2023-11-14/commit/fe505ee) # 125강 - [23 11 24, p 13182, 125강, rq.redirectOrBack 도입, 이제 예외발생 혹은 명시적인 오류결과 리턴, 둘 중에 무엇을 쓰든 코드가 간결](https://youtu.be/YbmwEvje1xM) - [GIT, step 56, 이제 서버의 내밀한 속사정이 그대로 클라이언트에게 보여지지 않고 오류내용이 정제(alert, history.back())되어 전달된다.](https://github.com/jhs512/sb-2023-11-14/commit/03db345) - [GIT, step 57, rq.redirect (이)가 RsData 를 이해한다.](https://github.com/jhs512/sb-2023-11-14/commit/1e863b7) - [GIT, step 58, memberService 가 다시 명시적인 오류결과를 리턴, 후에 나올 redirectOrBack 으로 처리하는 것을 보여드리기 위함](https://github.com/jhs512/sb-2023-11-14/commit/49dd09d) - [GIT, step 59, rq.historyBack (이)가 RsData 를 이해한다.](https://github.com/jhs512/sb-2023-11-14/commit/60f791b) - [GIT, step 60, redirectOrBack을 도입하여 코드를 간결하게 변경](https://github.com/jhs512/sb-2023-11-14/commit/f7b4f93) # 126강 - [23 11 24, p 13182, 126강, rq.historyBack 이 메세지를 로컬 스토리지를 통해 저장 후, history.back(); 이 실행된 후에 그것이 출력되도록](https://youtu.be/q4tC_x3k2t4) - [GIT, step 61, 오류가 발생한 페이지에서 alert 로 오류 메세지를 바로 출력하지 않고, 로컬 스토리지에 저장, 그 후 실행되는 history.back(); 에 의해서 실행되는 페이지에서 저장된 오류메세지 찾아서 출력](https://github.com/jhs512/sb-2023-11-14/commit/fde2730) - [GIT, step 62, 일부 브라우저는 history.back(); 을 통해서 보여지는 페이지 에서는 초반 자바스크립트 실행이 스킵된다. 그것을 방지하기 위한 작업](https://github.com/jhs512/sb-2023-11-14/commit/dd20665) ## 로컬 스토리지를 사용하지 않고 자바스크립트로 변수로만 저장된 값은 다음 렌더링 때에 찾을 수 없다. - [CODEPEN - 변수 생성](https://codepen.io/jangka44/pen/NWoMQga?editors=0012) - [CODEPEN - 변수 조회, 실패](https://codepen.io/jangka44/pen/jOdxgyY?editors=0012) ## 로컬 스토리지에 저장된 값은 다음 렌더링 때에 찾을 수 있다. - [CODEPEN - 변수 생성](https://codepen.io/jangka44/pen/XWOqvNy?editors=0012) - [CODEPEN - 변수 조회, 성공](https://codepen.io/jangka44/pen/abXGeBM?editors=0012) # 127강 - [23 11 24, p 13182, 127강, 여기까지가 파트 5, 리팩토링, 컨트롤러 테스트, Rq 기능 강화 등을 다뤘습니다.](https://youtu.be/BSPsT9UEvZQ) # 128강 - [23 11 27, p 13182, 128강, 스프링부트 3.2.0 으로 업그레이드(인텔리제이 설정변경 필수), jpa, h2 의존성 추가, virtual thread 켜기](https://youtu.be/QF_J1yzH2Q4) - [GIT, step 1, jpa, h2 드라이버 의존성 추가, 스프링 부트 3.2.0 으로 업그레이드](https://github.com/jhs512/sb-2023-11-14/commit/a0b89a6) - [GIT, step 2, Thread.currentThread().getName(); 사용하여 virtual thread 가 작동하는지 확인](https://github.com/jhs512/sb-2023-11-14/commit/f991221) - [GIT, step 3, 인텔리제이 설정을 변경하여 스프링부트 3.2.0의 버그를 해결](https://github.com/jhs512/sb-2023-11-14/commit/4ca4564) - Build project automatically : 체크해제 - Build and run using : Gradle - Run tests using : Gradle # 129강 - [23 11 27, p 13182, 129강, H2를 사용하는 이유는 편하고, JPA 로 인해서 운영단계에서 다른 DBMS를 사용해도 문제가 없기 때문](https://youtu.be/ooPxzYtRYfo) ## h2 DB 사용하는 이유 - 편해서(설치가 편함) - JPA를 사용하기 때문에 개발/테스트 단계의 DBMS와 운영에서의 DMBS가 달라도 된다. - JPA가 마치 번역가 처럼 현재 선택된 DBMS 에 맞는 SQL을 우리 개발자 대신 짜준다. - DMBS를 바꾸는게 너무 쉬워진다.(SQL 수정 필요 없음) - H2 자체도 나름대로 MySQL 흉내내기 모드가 존재 # 130강 - [23 11 27, p 13182, 130강, h2-console 에 접속할 수 있도록 세팅](https://youtu.be/FGEgYZY3zq4) - [23 11 27, p 13182, 130강, h2-console 에 접속할 수 있도록 세팅, 복기](https://youtu.be/4yPAh8LHJLM) - [GIT, step 4, datasource 정보 입력, DB 파일(sb_dev.mv.db, sb_dev.trace.db)이 GIT에 공유되지 않도록](https://github.com/jhs512/sb-2023-11-14/commit/8601fb7) - [GIT, step 5, /h2-console 에 폼 로그인(POST)을 하지 못하는 상황이 발생, csrf 토큰 꺼서 해결](https://github.com/jhs512/sb-2023-11-14/commit/78e88c3) - [GIT, step 6, /h2-console 관련된 요청만 csrf 토큰 끄는 것으로 변경, SAMEORIGIN 작업도 추가](https://github.com/jhs512/sb-2023-11-14/commit/31047d4) # 131강 - [23 11 27, p 13182, 131강, 파트 6, 1부](https://youtu.be/zSBLX-tzhes) - [GIT, step 7, ATTR 테이블이 생성되도록 Attr 엔티티 클래스 추가, ddl-auto: create](https://github.com/jhs512/sb-2023-11-14/commit/f9831cf) - [GIT, step 8, ddl-auto: update 하면 테이블이 없을 때만 생성하고, Attr 클래스에 변경사항이 생기면 ATTR 테이블을 삭제 후 재생성하지 않고 ALTER TABLE 로 수정한다.](https://github.com/jhs512/sb-2023-11-14/commit/a476744) - ddl-auto: create 는 매 스프링부트앱 실행, 매 테스트 실행시 마다 모든 테이블을 삭제 후 재생성한다. - Attr 클래스에서 특정 필드가 추가되면, ATTR 테이블에서 해당 칼럼이 추가된다. - 특별하게도 Attr 클래스에서 특정 필드가 제거되면, ATTR 테이블에서 해당 칼럼이 삭제되지 않는다. - `ALTER TABLE ATTR DROP COLUMN 칼럼명;` - 삭제하고 싶으면 이런식으로 삭제해야 한다. - [GIT, step 9, Attr 클래스에 LocalDatetime createDate 칼럼을 추가, format_sql 옵션 켜서 실제로 실행되는 SQL 출력](https://github.com/jhs512/sb-2023-11-14/commit/f5144c7) - Attr 클래스에 LocalDatetime createDate 필드를 추가하면, ATTR 테이블에는 CREATE_DATE(DATETIME 타입) 칼럼이 추가된다 - [GIT, step 10, @ActiveProfiles("test") 로 application-test.yml 이 추가적으로 실행되도록, AttrRepositoryTest 추가, Attr 클래스에 빌더 적용](https://github.com/jhs512/sb-2023-11-14/commit/5c3be42) - application-test.yml 에서 `spring.datasource.url=jdbc:h2:mem:sb_test;MODE=MySQL` 를 설정하여, 개발모드와 테스트모드에서 서로 다른 DB를 사용하여 충돌을 피한다. - 위에서 `sb_test` 는 메모리용 DB의 이름인데 큰 의미는 없다. - h2 DB를 메모리모드로 실행하면 ddl-auto: update 로 해도 ddl-auto: create 한 것과 같이 작동한다. - 왜냐하면 테스트가 끝나면 DB 자체가 메모리에서 사라지기 때문 - 보통 메모리 DB는 테스트에서 자주 활용된다. - [GIT, step 11, AttrRepository 추가, JPA 룰에 맞게 추가한다. t1 테스트케이스 통과](https://github.com/jhs512/sb-2023-11-14/commit/fe01a72) - [GIT, step 12, logging 설정을 바꿔서 SQL이 출력될 때 사용되는 바인딩 정보(물음표에 실제로 들어가는 값), 조회 결과, 트랜잭션 정보등도 나오도록](https://github.com/jhs512/sb-2023-11-14/commit/7b352b4) - [GIT, step 13, 테스트케이스는 실행 후에도 흔적을 남기면 안된다. 그 룰에 따르기 위해서 @Transactional 과 @Rollback 추가하여 자동으로 테스트에서 수행했던 DB결과가 사라지도록](https://github.com/jhs512/sb-2023-11-14/commit/35ed237) - 다른 DB 관련 클래스는 `jakarta.` 로 시작하는 클래스를 import 하면 된다. 하지만 트랜잭션만은 `org.springframework.transaction.annotation.Transactional;` 을 import 해야한다. - `@Transactional(readOnly = true)` 를 사용하기 위해서 - [GIT, step 14, @Transactional 과 @Rollback 은 각 메소드에 일일이 붙이지 않아도 된다. 클래스에 대표로 붙여도 된다.](https://github.com/jhs512/sb-2023-11-14/commit/5cf830b) - [GIT, step 15, 오직 테스트환경에서만 @Transactional 을 붙였을 때 @Rollback 이 자동으로 붙는다. @Rollback 을 하기 싫다면, @Rollback(false) 를 명시적으로 붙여주세요.](https://github.com/jhs512/sb-2023-11-14/commit/5e8da9f) - [GIT, step 16, 컨트롤러 테스트, 서비스 테스트, 리포지터리 테스트에 기본적으로 @SpringBootTes, @ActiveProfiles("test"), @Transactional 이 3가지를 무조건 붙이세요.](https://github.com/jhs512/sb-2023-11-14/commit/e87dc68) - 컨트롤러 테스트에는 추가적으로 @AutoConfigureMockMvc 가 붙는다. - 그래야 `@Autowired private MockMvc mvc;` 를 사용할 수 있다. # 132강 - [23 11 27, p 13182, 132강, handleException(RuntimeException ex) 메서드가 작동할 때 서버와 클라이언트에 예외내용을 로깅](https://youtu.be/1WaNayVohmo) - [GIT, step 17, SpringSecurity 에서 PathRequest.toH2Console() (을)를 "/h2-console/**" (으)로 변경하여 버그해결](https://github.com/jhs512/sb-2023-11-14/commit/30d21f6) - [GIT, step 18, 게시글 상세페이지에서 예외 발생 되도록, ControllerExceptionHandler 가 운영환경에서만 작동하도록](https://github.com/jhs512/sb-2023-11-14/commit/fac68f7) - [GIT, step 19, handleException(RuntimeException ex) 메서드가 작동할 때 서버와 클라이언트에 예외내용을 로깅](https://github.com/jhs512/sb-2023-11-14/commit/44a186b) - `@Profile("prod")` 는 일단 제거 - 이 부분은 필요하신 분은 사용하세요. - 이걸 켜면 해당 객체는 개발/테스트 환경에서는 작동하지 않습니다. # 133강 - [23 11 27, p 13182, 133강, System.err, System.out 대신 로그 메세지는 log.debug, log.info (으)로 출력하자.](https://youtu.be/rmmwLS_V46Y) - [GIT, step 20, System.err.println 은 느리고 로깅도 안되고 보기 불편하다. log.debug 로 바꾸자.](https://github.com/jhs512/sb-2023-11-14/commit/51976b3) - log.info : 개발환경에서 출력되고, 운영환경에는 로깅되어야하는 메세지 - log.debug : 개발환경에서만 출력되었으면 하는 메세지 - [GIT, step 21, 우리 소스코드에 한정해서 로그레벨을 DEBUG 로 낮추자.](https://github.com/jhs512/sb-2023-11-14/commit/d8307b8) # 134강 - [23 11 27, p 13182, 134강, 게시물 상세페이지 예외 발생 제거, 게시글 리포지터리, 회원 리포지터리에 JPA 도입](https://youtu.be/a622_4xguvc) - [GIT, step 22, ](https://github.com/jhs512/sb-2023-11-14/commit/33e3a51) # 135강 - [23 11 27, p 13182, 135강, 개발모드에서는 NotProd 가 매번 실행되는게 곤란하다. isSampleDataCreated 도입](https://youtu.be/3_rqXAaedyk) - [GIT, step 23, ddl-auto 가 update 이기 때문에 isSampleDataCreated 를 도입](https://github.com/jhs512/sb-2023-11-14/commit/ada82f7)

? 필수 - 스프링부트