$$config title: ? CRUD keywords: - IT - 테킷 백엔드 스쿨 7기(Java) $$ ![img](https://i.postimg.cc/9fGQLD8m/techit-logo.png) --- --- # 부모수업 - 부모수업 : 테킷 백엔드 스쿨 7기(Java) 수업페이지 - [주소 : https://slog.gg/p/7](https://slog.gg/p/7) # 수업 - [주소 : https://slog.gg/p/13099](https://slog.gg/p/13098) # 강의 # 강의 # 1강 - [1강, 소개](https://youtu.be/vj1LZ0vDGQA) - [책 - https://wikidocs.net/book/7601](https://wikidocs.net/book/7601) # 2강 - [2강, 프로젝트 생성, GIT 연결](https://youtu.be/QVdh-bS9AP0) - [리포지터리 - https://github.com/jhs512/sbb__2023_03_20](https://github.com/jhs512/sbb__2023_03_20) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/94d56ce) - [책 - 1-05 스프링부트 도구 설치하기](https://wikidocs.net/160957) ## 스타터 - [https://start.spring.io - empty](https://start.spring.io) - [https://start.spring.io - starter pack](https://start.spring.io/#!type=gradle-project&language=java&platformVersion=3.0.4&packaging=jar&jvmVersion=17&groupId=com.mysite&artifactId=sbb&name=sbb&description=Demo%20project%20for%20Spring%20Boot&packageName=com.mysite.sbb&dependencies=web,devtools,lombok) - ![img](https://i.imgur.com/BHX997T.png) - ![img](https://i.imgur.com/O8SX74e.png) ## build.gradle ```groovy plugins { id 'java' id 'org.springframework.boot' version '3.0.4' id 'io.spring.dependency-management' version '1.1.0' } group = 'com.mysite' version = '0.0.1-SNAPSHOT' sourceCompatibility = '17' configurations { compileOnly { extendsFROM annotationProcessor } } repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' compileOnly 'org.projectlombok:lombok' developmentOnly 'org.springframework.boot:spring-boot-devtools' annotationProcessor 'org.projectlombok:lombok' testImplementation 'org.springframework.boot:spring-boot-starter-test' } tasks.named('test') { useJUnitPlatform() } ``` ## 참고 - [https://slog.gg/p/12110#3강](https://slog.gg/p/12110#3강) - [https://slog.gg/p/12110#4강](https://slog.gg/p/12110#4강) - [https://slog.gg/p/12110#5강](https://slog.gg/p/12110#5강) ## 8080 포트를 사용하고 있는 프로세스를 전부 삭제하는 명령어(윈도우) - cmd 를 관리자 권한으로 실행 ``` for /f "tokens=5" %a in ('netstat -aon ^| findstr :8080 ^| findstr LISTENING') do taskkill /f /pid %a ``` ## 8080 포트를 사용하고 있는 프로세스를 전부 삭제하는 명령어(mac) - shell을 관리자 권한으로 실행 ``` sudo kill $(sudo lsof -t -i :8080) ``` # 3강 - [3강, 콘솔창을 알록달록하게 바꾸기, spring.output.ansi.enabled=always](https://youtu.be/quSKrdaemiQ) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/ed738fd) # 4강 - [4강, 스프링 프로젝트의 구조](https://youtu.be/AlCPmWMfWHE) - [책 - 2-01 스프링부트 프로젝트의 구조](https://wikidocs.net/160947) ## 개념 - 패키지는 폴더이다. - 자바파일을 담는 폴더를 패키지라고 함 - templates 폴더에는 오직 html 파일만 저장됨 - static 폴더에는 css, js, 이미지(png, jpg, gif 등) 파일들이 저장됨 # 5강 - [5강, 강사의 소스코드로부터 시작하는 방법, 오류메세지 속에 답이 있습니다. GIT에서 dubious 관련 오류 해결법](https://youtu.be/Bv58vmE3WaI) ## 참고 - [https://slog.gg/p/11973#7강](https://slog.gg/p/11973#7강) - 강사의 원격 리포지터리 정보 제거 후, 본인의 것으로 세팅 - [https://slog.gg/p/12110#3강](https://slog.gg/p/12110#3강) - 프로젝트 세팅 - [글 : fatal: detected dubious ownership in repository at '경로' 오류해결](https://velog.io/@ovzip/오류-fatal-detected-dubious-ownership-in-repository-at-경로) # 6강 - [6강, 컨트롤러](https://youtu.be/-hV6tW8Ox3Q) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/ed738fd) - [책 - 2-02 컨트롤러](https://wikidocs.net/160543) # 7강 - [7강, JPA - JPA, ORM 개념](https://youtu.be/UrrU1nS1ekA) - [책 - 2-03 JPA](https://wikidocs.net/161164) ## 개념 - JPA는 ORM의 일종이다. - JPA 말고 다른 ORM도 있다. - ORM은 객체(Object)와 Relation(개체(테이블))과의 Mapping 해주는 기술을 말한다. - JPA는 일종의 규약이고, 우리가 실제로 사용하는 기술은 하이버네이트 이다. ## JPA가 하는 일 ### 아래 자바코드가 실행되면 ## 답변저장 ```java Question q1 = new Question(); q1.setSubject("안녕하세요"); q1.setContent("가입 인사드립니다 ^^"); questionRepository.save(q1); Question q2 = new Question(); q2.setSubject("질문 있습니다"); q2.setContent("ORM이 궁금합니다"); questionRepository.save(q2); ``` ### 아래 SQL이 실행되도록 한다. ```sql INSERT INTO question (`subject`, content) VALUES ('안녕하세요', '가입 인사드립니다 ^^'); INSERT INTO question (`subject`, content) VALUES ('질문 있습니다', 'ORM이 궁금합니다'); ``` # 8강 - [8강, JPA - MariaDB 연결](https://youtu.be/OqrGcJXh34I) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/3622272) - [책 - 2-03 JPA](https://wikidocs.net/161164) ## db/init.sql ```sql # DB 생성 DROP DATABASE IF EXISTS sbb__dev; CREATE DATABASE sbb__dev; USE sbb__dev; ``` # 9강 - [9강, 엔티티 - Question, Answer 엔티티 추가](https://youtu.be/gjLzqbsxaL4) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/3622272) - [책 - 2-04 엔티티](https://wikidocs.net/161165) ## 답변저장 자바코드 ```java package com.mysite.sbb; import jakarta.persistence.*; import lombok.Getter; import lombok.Setter; import java.time.LocalDateTime; // answer 테이블이 생김 @Getter @Setter @Entity public class Answer { @Id // PRIMARY KEY @GeneratedValue(strategy = GenerationType.IDENTITY) // AUTO_INCREMENT private Integer id; // INT id @Column(columnDefinition = "TEXT") // TEXT private String content; private LocalDateTime createDate; // DATETIME private Integer questionId; } ``` ```java Question q1 = new Question(); q1.setSubject("안녕하세요"); q1.setContent("가입 인사드립니다 ^^"); questionRepository.save(q1); Question q2 = new Question(); q2.setSubject("질문 있습니다"); q2.setContent("ORM이 궁금합니다"); questionRepository.save(q2); Answer a1 = new Answer(); // 만약에 1번 질문에 대한 답변이라면 a1.setQuestionId(q1.getId()); // : q1.getId() => 1, 즉 이 답변은 1번 질문에 대한 답변이라는 뜻 a1.setContent("반갑습니다."); answerRepository.save(a1); ``` # 10강 - [10강, 엔티티 - Answer 클래스의 Question question 필드에 @ManyToOne 적용](https://youtu.be/n8cd7QWfVi8) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/dac89ae) - [책 - 2-04 엔티티](https://wikidocs.net/161165) ## 답변저장 자바코드 ```java package com.mysite.sbb; import jakarta.persistence.*; import lombok.Getter; import lombok.Setter; import java.time.LocalDateTime; // answer 테이블이 생김 @Getter @Setter @Entity public class Answer { @Id // PRIMARY KEY @GeneratedValue(strategy = GenerationType.IDENTITY) // AUTO_INCREMENT private Integer id; // INT id @Column(columnDefinition = "TEXT") // TEXT private String content; private LocalDateTime createDate; // DATETIME @ManyToOne // 아래 처럼 다른 엔티티 클래스 리모콘을 저장할 때는 꼭 관계를 적어준다. private Question question; // `public class Answer` @ManyToOne `private Question question` } ``` ```java Question q1 = new Question(); q1.setSubject("안녕하세요"); q1.setContent("가입 인사드립니다 ^^"); questionRepository.save(q1); Question q2 = new Question(); q2.setSubject("질문 있습니다"); q2.setContent("ORM이 궁금합니다"); questionRepository.save(q2); Answer a1 = new Answer(); // 만약에 1번 질문에 대한 답변이라면 a1.setQuestion(q1); // 이 답변은 1번 질문에 대한 답변이라는 뜻 a1.setContent("반갑습니다."); answerRepository.save(a1); ``` # 11강 - [11강, 엔티티 - 각 개체별 관계의 종류는 딱 3가지(1:1, 1:N, M:N)이고, 질문과 답변의 관계인 1:N 관계가 가장 흔하다.](https://youtu.be/8H4HJs6fv5w) - [책 - 2-04 엔티티](https://wikidocs.net/161165) ## 개요 - 엔티티 관계는 3가지가 존재한다. - 1:1 - 1:N - M:N - 1:N 관계의 대표적인 예 - 회원과 그 회원의 작성글들 - 게시물과 그 게시물의 댓글들 - 게시물과 그 게시물의 좋아요들 - 질문과 그 질문의 답변들 - 자바, 즉 객체에서는 1:N 으로 관련된 2개 객체가 서로를 참조할 수 있다. - DB에서는 1:N 으로 관련된 2개 개체가 서로를 참조할 수 없다. - 오직 `N`에 해당하는 각 개체에서 `1`에 해당하는 개체를 하나 가리킬 수 있다. - 객체와 개체는 패러다임이 불일치 한다. - 이유는 필드에 List나 배열을 저장 할 수 없어서 - 하지만 JPA는 그 불일치를 해소해준다. # 12강 - [12강, 엔티티 - Question 클래스의 answerList 필드에 @OneToMany 적용](https://youtu.be/GgizN-6Rvrg) - [책 - 2-04 엔티티](https://wikidocs.net/161165) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/dac89ae) # 13강 - [13강, 엔티티 - @ManyToOne은 필수이지만, @OneToMany 는 필수가 아니다. JPA가 불일치를 해소해줌](https://youtu.be/iQLRZMxfw-0) - [책 - 2-04 엔티티](https://wikidocs.net/161165) # 14강 - [14강, 리포지터리 - 데이터 저장](https://youtu.be/M6FYH7TwVFQ) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/5545dd0) - [책 - 2-05 리포지터리 - 데이터 저장](https://wikidocs.net/160890#_2) ## db/init.sql ```sql # 각 테이블 내용 초기화 ## 외래키 제약 끄기 SET FOREIGN_KEY_CHECKS = 0; ## 테이블 초기화 TRUNCATE answer; TRUNCATE question; # 외래키 제약 복구 SET FOREIGN_KEY_CHECKS = 1; ``` ## 개념 - 엔티티 클래스를 만들었다면 그에 대응하는 리포지터리 클래스를 만드는게 보통 - Question 클래스 => QuestionRepository 클래스 - Answer 클래스 => AnswerRepository 클래스 - 리포지터리 클래스는 특정 테이블을 관리(조회, 수정, 삭제)하는 기능을 제공해준다. - 여러분이 SQL을 직접 구현하지 않아도 된다. # 15강 - [15강, 리포지터리 - 데이터 조회](https://youtu.be/AMcIf7T2k2Y) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/b2bcfa7) - [책 - 2-05 리포지터리 - 데이터 조회](https://wikidocs.net/160890#_3) ## JPA 메서드 명명규칙 - [표 출처 : https://wikidocs.net/160890#_3](https://wikidocs.net/160890#_3) | 항목 | 예제 | 설명 | | --- | --- | --- | | AND | findBySubjectAndContent(String subject, String content) | 여러 컬럼을 AND 로 검색 | | Or | findBySubjectOrContent(String subject, String content) | 여러 컬럼을 OR 로 검색 | | Between | findByCreateDateBetween(LocalDateTime fromDate, LocalDateTime toDate) | 컬럼을 BETWEEN 으로 검색 | | LessThan | findByIdLessThan(Integer id) | 비교해서 칼럼의 값 보다 작은 항목 검색 | | GreaterThanEqual | findByIdGraterThanEqual(Integer id) | 비교해서 칼럼의 값 보다 크거나 같은 항목 검색 | | Like | findBySubjectLike(String subject) | LIKE 검색 | | In | findBySubjectIn(String[] subjects) | 여러 값중에 하나인 항목 검색 | | OrderBy | findBySubjectOrderByCreateDateAsc(String subject) | 검색 결과를 정렬하여 전달 | ## And - findBySubjectAndContent ```sql SELECT * FROM question WHERE `subject` = ? AND content = ? ``` ## Or - findBySubjectOrContent ```sql SELECT * FROM question WHERE `subject` = ? OR content = ? ``` ## Between - findByCreateDateBetween ```sql SELECT * FROM question WHERE create_date BETWEEN ? AND ? ``` ## LessThan - findByIdLessThan ```sql SELECT * FROM question WHERE id < ? ``` ## GreaterThanEqual - findByIdGraterThanEqual ```sql SELECT * FROM question WHERE id >= ? ``` ## Like - findBySubjectLike ```sql SELECT * FROM question WHERE `subject` LIKE ? ``` ## In - findBySubjectIn ```sql # in을 사용하면 이렇게 편해진다. SELECT * FROM question WHERE `subject` IN (?, ?, ?, ?); # 참고로 IN 없이는 아래와 같이 해야만 한다. IN은 정말 유용하다. SELECT * FROM question WHERE `subject` = ? OR `subject` = ? OR `subject` = ? OR `subject` = ?; ``` ## OrderBy - findBySubjectOrderByCreateDateAsc ```sql SELECT * FROM question WHERE `subject` = ? ORDER BY create_date ASC ``` # 16강 - [16강, 리포지터리 - 데이터 수정하기](https://youtu.be/Jyn9iOJEFys) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/0632bb8) - [책 - 2-05 리포지터리 - 데이터 수정하기](https://wikidocs.net/160890#_4) # 17강 - [17강, 리포지터리 - 데이터 삭제하기](https://youtu.be/3lvLXIUVwzY) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/a796d6f) - [책 - 2-05 리포지터리 - 데이터 삭제하기](https://wikidocs.net/160890#_5) # 18강 - [18강, 각 테스트케이스의 독립성 확보되도록 리팩토링, 1부, @BeforeEach](https://youtu.be/auM5oW2NW4Q) - [18강, 각 테스트케이스의 독립성 확보되도록 리팩토링, 2부, @Transactional, @Modifying](https://youtu.be/Q73WV0r2THo) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/7fd7495) ## 개념 - 각 테스트케이스는 독립적으로 실행이 가능해야 한다. # 19강 - [19강, 리포지터리 - 답변 데이터 생성 후 저장하기](https://youtu.be/1ulblLmHbnA) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/2d247e2) - [책 - 2-05 리포지터리 - 답변 데이터 생성 후 저장하기](https://wikidocs.net/160890#_6) # 20강 - [20강, 리포지터리 - 답변 조회하기](https://youtu.be/Es_VClpYRNU) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/3424cbe) - [책 - 2-05 리포지터리 - 답변 조회하기](https://wikidocs.net/160890#_7) # 21강 - [21강, 리포지터리 - 답변 조회하기 - 더 객체지향적이 되도록 양방향관계 설정](https://youtu.be/wgUgtLZ8ovk) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/f571794) - [책 - 2-05 리포지터리 - 답변 조회하기](https://wikidocs.net/160890#_7) # 22강 - [22강, 리포지터리 - 답변 조회하기 - 양방향관계수립을 하나의 메서드로](https://youtu.be/F9kDMNREZf4) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/3170c5c) - [책 - 2-05 리포지터리 - 답변 조회하기](https://wikidocs.net/160890#_7) # 23강 - [23강, 리포지터리 - 답변 조회하기 - 양방향관계수립의 이유](https://youtu.be/8CnyPL8H4O8) - [책 - 2-05 리포지터리 - 답변 조회하기](https://wikidocs.net/160890#_7) # 24강 - [24강, 리포지터리 - 답변에 연결된 질문 찾기 vs 질문에 달린 답변 찾기](https://youtu.be/QwbrvGWEuks) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/62695ab) - [책 - 2-05 리포지터리 - 답변에 연결된 질문 찾기 vs 질문에 달린 답변 찾기](https://wikidocs.net/160890#vs) # 24강 - [24강, 리포지터리 - 테스트에서는 기본적으로 @Transactional 없이는 연결이 이어지지 않는다.](https://youtu.be/ICQdd8HXor4) - [책 - 2-05 리포지터리 - 답변에 연결된 질문 찾기 vs 질문에 달린 답변 찾기](https://wikidocs.net/160890#vs) # 25강 - [25강, 리포지터리 - fetch=FetchType.EAGER의 의미](https://youtu.be/ciQj2WO_cF8) - [책 - 2-05 리포지터리 - 답변에 연결된 질문 찾기 vs 질문에 달린 답변 찾기](https://wikidocs.net/160890#vs) # 26강 - [26강, 리포지터리 - 테스트 + @Transactional = 자동 롤백, @Rollback(false)](https://youtu.be/Zu3OPk8RBJ4) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/6313db6) - [책 - 2-05 리포지터리 - 답변에 연결된 질문 찾기 vs 질문에 달린 답변 찾기](https://wikidocs.net/160890#vs) # 27강 - [27강, 리포지터리에 대한 최종정리](https://youtu.be/KkENh8mjjPE) - [책 - 2-05 리포지터리](https://wikidocs.net/160890) # 28강 - [28강, 도메인 별로 분리하기](https://youtu.be/k3Mngcz0C1w) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/) - [책 - 2-06 도메인 별로 분리하기](https://wikidocs.net/161187) # 29강 - [29강, 응집도가 높으면 소스코드 관리가 편합니다.](https://youtu.be/CMiG0kuiKfs) - [책 - 2-06 도메인 별로 분리하기](https://wikidocs.net/161187) # 30강 - [30강, 결합도가 낮으면 소스코드 유지보수가 편합니다.](https://youtu.be/XoiRsviJrGs) - [책 - 2-06 도메인 별로 분리하기](https://wikidocs.net/161187) # 31강 - [31강, 맥도날드 점원과 손님의 관계에서 보는 높은 결합도의 폐해](https://youtu.be/B75XDPMUGJs) - [책 - 2-06 도메인 별로 분리하기](https://wikidocs.net/161187) # 32강 - [32강, 타임리프 연결](https://youtu.be/laPyjQXb0-w) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/62caa21) - [책 - 2-07 질문 목록과 템플릿 - 404 오류 해결하기](https://wikidocs.net/161186#404) - [책 - 2-07 질문 목록과 템플릿 - 템플릿 설정하기](https://wikidocs.net/161186#_1) - [책 - 2-07 질문 목록과 템플릿 - 템플릿 사용하기](https://wikidocs.net/161186#_2) # 33강 - [33강, HTML로 표 만들기](https://youtu.be/xpXSwVWuyxk) - [CODEPEN - 표](https://codepen.io/jangka44/pen/abaRKYw?editors=1000) - [CODEPEN - 표 꾸미기](https://codepen.io/jangka44/pen/VwGEdxd?editors=1000) # 34강 - [34강, 질문 목록과 템플릿, Model 객체로 뷰에 데이터 넘김, @ToString.Exclude 사용하여 무한순환참조 방지](https://youtu.be/rED6t7JjBZE) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/661e0f6) - [책 - 2-07 질문 목록과 템플릿 - 데이터 조회하여 템플릿에 전달하기](https://wikidocs.net/161186#_3) ## 타임리프 : questionList 변수내용 출력 ```html

[[${questionList}]]

``` # 35강 - [35강, 질문 목록과 템플릿, 뷰가 모델을 통해서 받은 데이터 렌더링](https://youtu.be/J1i4BghGtqs) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/902ee9d) - [책 - 2-07 질문 목록과 템플릿 - 템플릿에서 전달받은 데이터 사용하기](https://wikidocs.net/161186#_4) ## question_list.html ```html

Hello Template!

번호	제목	작성일시

[[${questionList[0].id}]]	[[${questionList[0].subject}]]	[[${questionList[0].createDate}]]

``` # 36강 - [36강, 타임리프 반복문(th:each) 사용하여 렌더링](https://youtu.be/YxKiA7x3l-4) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/d3bf5e8) - [책 - 2-07 질문 목록과 템플릿 - 템플릿에서 전달받은 데이터 사용하기](https://wikidocs.net/161186#_4) ## question_list.html ```html

질문 목록

번호	제목	작성일시

``` # 37강 - [37강, ROOT URL와 리다이렉트](https://youtu.be/KdxhjAQRl18) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/34156ee) - [책 - 2-08 ROOT URL](https://wikidocs.net/161354) ## HTTP 응답 상태코드 - 2xx : 성공 - 3xx : 리다이렉트(다른 곳으로 가세요.) - 4xx : 실패(고객 잘못) - 5xx : 실패(서버 잘못) # 38강 - [38강, SQL 로그내용을 더 자세하게](https://youtu.be/cfsUoY8gdV0) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/6c51e7a) ## application.properties ```properties # LOGGING logging.level.org.hibernate.orm.jdbc.bind=TRACE logging.level.org.hibernate.orm.jdbc.extract=TRACE ``` ## application.yml ```yml # LOGGING logging: level: org.hibernate.orm.jdbc.bind: TRACE org.hibernate.orm.jdbc.extract: TRACE ``` # 39강 - [39강, QuestionService 서비스 도입](https://youtu.be/ptO6fnSiQ3s) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/d53039e ) - [책 - 2-09 서비스](https://wikidocs.net/161220) # 40강 - [40강, 질문 상세 - 질문 상세 링크 추가하기](https://youtu.be/gNjoHDXh8Fs) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/abce173) - [책 - 2-10 질문 상세 - 질문 상세 링크 추가하기](https://wikidocs.net/161302#_1) ## th:href - 타임리프에서 주소는 `@{|주소|}` 양식으로 표현하도록 약속되어 있음 - 양식 : `th:href="@{|주소|}"` => 렌더링 => `href="주소"` ### 소스 ```html ``` ### 렌더링결과(q변수에 1번 질문객체 리모콘이 저장되어 있다고 가정했을 때) ```html 1 sbb가 무엇인가요? 2023-03-22T11:12:40.935786 ``` # 41강 - [41강, 질문 상세 - 질문 상세 컨트롤러 만들기](https://youtu.be/RJmxONnMzNQ) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/eebd38c) - [책 - 2-10 질문 상세 - 질문 상세 컨트롤러 만들기](https://wikidocs.net/161302#_2) # 42강 - [42강, 질문 상세 - 서비스, 템플릿](https://youtu.be/-r_0SSCnojI) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/80d9ee8) - [책 - 2-10 질문 상세 - 서비스](https://wikidocs.net/161302#_3) - [책 - 2-10 질문 상세 - 템플릿](https://wikidocs.net/161302#_4) - [책 - 2-10 질문 상세 - 질문 상세 확인하기](https://wikidocs.net/161302#_5) # 43강 - [43강, 질문 상세 - URL 프리픽스(prefix)](https://youtu.be/_HuTh0BULoM) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/c0086d4) - [책 - 2-10 질문 상세 - URL 프리픽스(prefix)](https://wikidocs.net/161302#url-prefix) # 44강 - [44강, 답변 등록 - 답변 등록 버튼 만들기](https://youtu.be/FYWaFFNdV2M) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/89e478d) - [책 - 2-11 답변 등록 - 답변 등록 버튼 만들기](https://wikidocs.net/161357#_1) ## HTTP METHOD 주 사용처 - GET - 링크이동(a 엘리먼트를 이용한 이동) - 브라우저의 주소창에 직접입력 - 검색폼 - 그 외 - POST - 글 작성 - 글 수정 - 댓글 작성 - 댓글 수정 - 좋아요 - 좋아요 취소 - 삭제 - GET으로 삭제하는 경우도 가끔 있다. # 45강 - [45강, 답변 등록 - 답변 컨트롤러 만들기](https://youtu.be/nd-SQ0zFiQk) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/13a9c27) - [책 - 2-11 답변 등록 - 답변 컨트롤러 만들기](https://wikidocs.net/161357#_2) # 46강 - [46강, 질문을 저장하는 곳에서 처리하고 redirect 하는 방식](https://youtu.be/NREKqxdBtDQ) ## 소스코드 ```java @PostMapping("/create/{id}") public String createAnswer(Model model, @PathVariable Integer id, @RequestParam String content) { // 관련 질문을 얻어온다. Question question = questionService.getQuestion(id); // TODO : 답변객체를 만든다. return "redirect:/question/detail/%d".formatted(id); } ``` ## 처리순서 - 현재 URL : /question/detail/1 - 폼의 textarea에 값을 "안녕"으로 채우고 작성버튼 클릭 - 요청 : POST /answer/create/1 - PAYLOAD : `content: 안녕` - 브라우저에서는 하얀화면 나오는 중 - 요청처리 : AnswerController::createAnswer 액션 메서드 실행 - 요청처리 : Question question = questionService.getQuestion(id); - 응답 : redirect:/question/detail/1 - 브라우저에서 응답수신 : 브라우저에서 받은 응답을 렌더링 하려고 했는데, 응답코드가 301 이라서 응답헤더에 적힌 URL로 새 요청을 보내기로 결정 - 요청 : GET /question/detail/1 - 브라우저에서는 하얀화면 나오는 중 - 요청처리 : QuestionController::detail 액션 메서드 실행 - 요청처리 : Question question = questionService.getQuestion(id); - 요청처리 : model.addAttribute("question", question); - 요청처리 : question_detail.html 템플릿 실행 - 응답 : 템플릿에 데이터가 결합된 최종 html이 고객에게 전달 - 응답수신 : 브라우저에서 더 이상 하얀화면이 나오지 않고, 응답받은 html 렌더링 - 최종 URL : /question/detail/1 - 요청을 날리기 전과 똑같은 화면이 보인다. # 47강 - [47강, 질문을 저장하는 곳에서 처리하고 redirect 하지 않고 본인이 직접 템플릿 실행하여 응답하는 방식](https://youtu.be/l0xJOXiGfdc) ## 소스코드 ```java @PostMapping("/create/{id}") public String createAnswer(Model model, @PathVariable Integer id, @RequestParam String content) { // 관련 질문을 얻어온다. Question question = questionService.getQuestion(id); // TODO : 답변객체를 만든다. model.addAttribute("question", question); return "question_detail"; // 이 템플릿은 QuestionController::detail 메서드에서 사용하던 그 템플릿 이다. 이렇게 되면 고객이 다시 GET 요청할 필요가 없어진다. 위 방식과 비교해서 장단점이 있다. } ``` ## 처리순서 - 현재 URL : /question/detail/1 - 폼의 textarea에 값을 "안녕"으로 채우고 작성버튼 클릭 - 요청 : POST /answer/create/1 - PAYLOAD : `content: 안녕` - 브라우저에서는 하얀화면 나오는 중 - 요청처리 : AnswerController::createAnswer 액션 메서드 실행 - 요청처리 : Question question = questionService.getQuestion(id); - 요청처리 : model.addAttribute("question", question); - 요청처리 : question_detail.html 템플릿 실행 - 응답 : 템플릿에 데이터가 결합된 최종 html이 고객에게 전달 - 응답수신 : 브라우저에서 더 이상 하얀화면이 나오지 않고, 응답받은 html 렌더링 - 최종 URL : /answer/create/1 - 요청을 날리기 전과 똑같은 화면이 보이지만 URL이 달라졌다. # 48강 - [48강, 답변 등록 - 답변 저장하기](https://youtu.be/xqbRSPciU5Y) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/5a3dbf1) - [책 - 2-11 답변 등록 - 답변 저장하기](https://wikidocs.net/161357#_3) # 49강 - [49강, 답변 등록 - 질문 상세 페이지에 답변 표시하기](https://youtu.be/Jj2eVoVKyu0) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/5620036) - [책 - 2-11 답변 등록 - 질문 상세 페이지에 답변 표시하기](https://wikidocs.net/161357#_4) # 50강 - [50강, 스태틱 디렉터리와 스타일시트](https://youtu.be/vGUp0MqHi5M) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/0a7687f) - [책 - 2-12 스태틱 디렉터리와 스타일시트](https://wikidocs.net/161396) ## 정적자원 vs 동적자원 - 정적(스태틱)자원 - 변화 가능성이 없는 html - css - js - img - 기타 파일들 - 동적(다이나믹)자원 - 게시물 리스트 페이지 - 게시물 상세페이지 - 기타 등등 ## CSS 선택자 튜토리얼 - [선택자 연습 튜토리얼 - CSS DINER](https://flukeout.github.io/) - [영상 - CSS DINER, 정답, 1단계 ~ 10단계, to2.kr/dnf](https://to2.kr/dnf) - [영상 - CSS DINER, 정답, 11단계 ~ 19단계, to2.kr/dng](https://to2.kr/dng) - [영상 - CSS DINER, 정답, 20단계 ~ 26단계, to2.kr/dnI](https://to2.kr/dnI) - [영상 - CSS DINER, 정답, 27단계 ~ 32단계, to2.kr/erk](https://to2.kr/erk) # 51강 - [51강, 부트스트랩과 지마켓산스 폰트 적용](https://youtu.be/TKqnw0rR5XI) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/09f522f) - [책 - 2-13 부트스트랩](https://wikidocs.net/161459) - [CODEPEN - container 직접 구현하고, 버튼을 안꾸밈](https://codepen.io/jangka44/pen/xxaQrJy?editors=1100) - [CODEPEN - 부트스트랩 사용해서 container 와 btn 적용](https://codepen.io/jangka44/pen/LYJXLBq?editors=1100) - [부트스트랩 - https://getbootstrap.kr/](https://getbootstrap.kr/) - [부트스트랩 - 버튼 - https://getbootstrap.kr/docs/5.2/components/buttons/](https://getbootstrap.kr/docs/5.2/components/buttons/) # 52강 - [52강, 템플릿 상속 - 공통 템플릿을 사용하는 이유](https://youtu.be/gbx92gE0FIk) - [책 - 2-14 템플릿 상속](https://wikidocs.net/161459) - [CODEPEN - 표준 HTML 구조](https://codepen.io/jangka44/pen/yLxQXeV?editors=1000) - emmet 코드(zencoding) - `!`[탭] ## 각 템플릿에서 중복되는 소스코드 - 아래 코드들은 각각의 템플릿이 아닌 별도의 파일로 관리해야 한다. ```html

공통메뉴

``` # 53강 - [53강, 템플릿 상속 - 적용](https://youtu.be/r3neNp-n9v8) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/94e3ee7) - [책 - 2-14 템플릿 상속](https://wikidocs.net/161459) # 54강 - [54강, 부트스트랩의 container 이해](https://youtu.be/V2nWDFnJbHg) - [CODEPEN - 부트스트랩을 사용하지 않음 버튼](https://codepen.io/jangka44/pen/xxaQrJy?editors=1100) - [CODEPEN - 부트스트랩을 사용한 버튼](https://codepen.io/jangka44/pen/LYJXLBq?editors=1100) - [부트스트랩 - https://getbootstrap.kr/](https://getbootstrap.kr/) - [부트스트랩 - 유틸리티 - 플렉스 - https://getbootstrap.kr/docs/5.0/utilities/flex/](https://getbootstrap.kr/docs/5.0/utilities/flex/) - [부트스트랩 - 유틸리티 - 컨테이너 - https://getbootstrap.kr/docs/5.0/layout/containers/](https://getbootstrap.kr/docs/5.0/layout/containers/) ## 단계별로 만들어보는, 고정형, 반응형, 적응형 레이아웃 - [1단계 - 시작, 내용이 너무 화면 좌우로 쫙 펼쳐져 있음](https://codepen.io/jangka44/pen/dyqQRrB?editors=1100) - [2단계 - width 를 주어서 퍼지지 않게함, 대신 좌측에 치우져있음](https://codepen.io/jangka44/pen/jOvQwRL?editors=1100) - [3단계 - margin-left: auto; 를 주어서 왼쪽에서 잡아당기는 힘을 해제, 오른쪽으로 치우치게 됨](https://codepen.io/jangka44/pen/JjaeJVx?editors=1100) - [4단계 - margin-right: auto; 를 주어서 오른쪽에서도 놔버림, 공간이 충분할 경우에는 가운데로 오게 됨, 고정형 레이아웃 완성](https://codepen.io/jangka44/pen/ExeOXzd?editors=1100) - [5단계 - width: auto 를 주어서 너비에 대한 유연성을 회복시키고, 대신 max-with 를 설정하여 너무 커지지 않게만 함, 반응형 레잉아웃 완성](https://codepen.io/jangka44/pen/NWLEgZp?editors=1100) - [6단계 - max-width 를 순차적으로 적게 주어서, 제일 하단에 적은 max-width 가 적용됨](https://codepen.io/jangka44/pen/WNgYOVO?editors=1100) - [7단계 - 미디어 쿼리를 사용하여 각 max-width 가 특정한 시점에만 작동하도록, 적응형 레이아웃 완성](https://codepen.io/jangka44/pen/wvEQqwg?editors=1100) - [8단계 - 적응형 레이아웃을 사용할 수 있는 형태로 정리, .container](https://codepen.io/jangka44/pen/gOdQxOr?editors=1100) # 55강 - [55강, 질문 등록과 폼 - 질문 등록](https://youtu.be/Egchwix5mmc) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/7252d82) - [책 - 2-15 질문 등록과 폼 - 질문 등록](https://wikidocs.net/161873#_1) # 56강 - [56강, 질문 등록과 폼 - 입력받은 데이터 유효성 체크](https://youtu.be/Xmb5xKOGRhQ) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/1b6305b) - [책 - 2-15 질문 등록과 폼 - 폼](https://wikidocs.net/161873#form) # 57강 - [57강, 질문 등록과 폼 - QuestionForm 객체로 입력값 받기](https://youtu.be/lpQYvR8Hpes) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/8458cf6) - [책 - 2-15 질문 등록과 폼 - 폼](https://wikidocs.net/161873#form) # 58강 - [58강, 질문 등록과 폼 - Spring Boot Validation 적용](https://youtu.be/2V1giZJwohY) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/14dd572) - [책 - 2-15 질문 등록과 폼 - 폼](https://wikidocs.net/161873#form) # 59강 - [59강, 질문 등록과 폼 - BindingResult bindingResult 도입하여 바인딩에러 발생시 폼을 응답함](https://youtu.be/F39PbV8zHSc) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/8548400) - [책 - 2-15 질문 등록과 폼 - 폼](https://wikidocs.net/161873#form) # 60강 - [60강, 질문 등록과 폼 - question_form.html 에서 오류가 있을 때, 오류내역을 표시](https://youtu.be/zb1-V74QrCU) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/db670f4) - [책 - 2-15 질문 등록과 폼 - 폼](https://wikidocs.net/161873#form) # 61강 - [61강, 컨트롤러의 액션메서드에 파라미터는 model.addAttribute 를 하지 않아도 템플릿에서 사용가능](https://youtu.be/WdlgqFHhdpM) ## 액션 메서드 파라미터로 썻기 때문에 model.addAttribute 가 필요없는 케이스 ```java @GetMapping("/create") public String questionCreate(QuestionForm questionForm) { return "question_form"; } ``` ## model.addAttribute 로 처리한 케이스 ```java @GetMapping("/create") public String questionCreate(Model model) { model.addAttribute("questionForm", new QuestionForm()); return "question_form"; } ``` # 62강 - [62강, 질문 등록과 폼 - 폼 처리가 거부되었을 때 다시 나오게 되는 폼에서 기존입력값이 유지되도록](https://youtu.be/iaUXrFx0PPw) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/d29fea5) - [책 - 2-15 질문 등록과 폼 - 폼](https://wikidocs.net/161873#form) # 63강 - [63강, 질문 등록과 폼 - th:field 사용하여 소스코드 줄이기](https://youtu.be/p14kLLFPIZ0) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/969f444) - [책 - 2-15 질문 등록과 폼 - 폼](https://wikidocs.net/161873#form) # 64강 - [64강, 질문 등록과 폼 - 답변 등록](https://youtu.be/P_H2QisZGSo) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/1473b5b) - [책 - 2-15 질문 등록과 폼 - 답변 등록](https://wikidocs.net/161873#_8) # 65강 - [65강, 질문 등록과 폼 - 폼필드 속성으로 프론트단에서 유효성 작업](https://youtu.be/sRJk_DGivx8) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/0a22720) - [책 - 2-15 질문 등록과 폼 - 답변 등록](https://wikidocs.net/161873#_8) - [CODEPEN - required, autocomplete, placeholder. maxlength](https://codepen.io/jangka44/pen/GRXwyWj?editors=1100) ## MySQL 필드별 한글저장가능 개수 - VARCHAR(200) : 200자 - TEXT : 21,845자 # 66강 - [66강, 공통 템플릿](https://youtu.be/T-nXT8m6v14) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/1c6d9bd) - [책 - 2-16 공통 템플릿](https://wikidocs.net/161911) ```html

``` # 67강 - [67강, 내비게이션 바](https://youtu.be/VyTXspwQbcY) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/1b53776) - [책 - 3-01 내비게이션 바](https://wikidocs.net/161986) - [부트스트랩 - 예시 - 내비바 - https://getbootstrap.kr/docs/5.2/examples/navbars/](https://getbootstrap.kr/docs/5.2/examples/navbars/) # 68강 - [68강, 페이징 - 대량 테스트 데이터 만들기](https://youtu.be/GXQeYOfJwqo) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/4bd9054) - [책 - 3-02 페이징 - 대량 테스트 데이터 만들기](https://wikidocs.net/162028#_1) # 69강 - [69강, 페이징 - 페이징 구현하기](https://youtu.be/F-UbLpD0Ed8) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/e414fc9) - [책 - 3-02 페이징 - 페이징 구현하기](https://wikidocs.net/162028#_2) # 70강 - [70강, 페이징 - 템플릿에 페이지 이동 기능 구현하기](https://youtu.be/CiPXo55qYDI) - [GIT - 단계 1 - 부트스트랩 페이지네이션 컴포넌트를 가져와서 복붙](https://github.com/jhs512/sbb__2023_03_20/commit/32d1115) - [GIT - 단계 2 - 게시물이 하나도 없으면 페이지네이션 엘리먼트 렌더링 x](https://github.com/jhs512/sbb__2023_03_20/commit/07a88f0) - [GIT - 단계 3 - 이전과 다음 버튼의 class 속성값에 disabled 추가](https://github.com/jhs512/sbb__2023_03_20/commit/3352cef) - [GIT - 단계 4 - th:classappend 를 사용하여 disabled 추가](https://github.com/jhs512/sbb__2023_03_20/commit/84d1bd2) - [GIT - 단계 5 - th:classappend 에 조건식을 넣어서 필요할 때만 disabled 추가](https://github.com/jhs512/sbb__2023_03_20/commit/b2de035) - [GIT - 단계 6 - th:each 를 이용해서 페이지 수 만큼 버튼 수 렌더링](https://github.com/jhs512/sbb__2023_03_20/commit/409f9b3) - [GIT - 단계 7 - 각 버튼에 href 속성값 설정하여 링크기능이 작동하도록](https://github.com/jhs512/sbb__2023_03_20/commit/94e9b1f) - [GIT - 단계 8 - 현재 페이지번호에 해당하는 버튼은 class 속성값에 active 추가](https://github.com/jhs512/sbb__2023_03_20/commit/7bbc07e) - [책 - 3-02 페이징 - 템플릿에 페이지 이동 기능 구현하기](https://wikidocs.net/162028#_3) - [부트스트랩 - 페이지네이션 - https://getbootstrap.kr/docs/5.2/components/pagination/](https://getbootstrap.kr/docs/5.2/components/pagination/) # 71강 - [71강, 페이징 - 페이지 리스트](https://youtu.be/Hlqchb8R_xA) - [GIT - 단계 1 - 현재 페이지 기준으로 최대 11개의 버튼만 렌더링](https://github.com/jhs512/sbb__2023_03_20/commit/861a727) - [GIT - 단계 2 - 가장 첫 페이지, 가장 끝 페이지 버튼](https://github.com/jhs512/sbb__2023_03_20/commit/e07e601) - [책 - 3-02 페이징 - 페이지 리스트](https://wikidocs.net/162028#_4) # 72강 - [72강, 페이징 - 작성일시 역순으로 조회하기](https://youtu.be/IGmCMqVD1BQ) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/3fd8774) - [책 - 3-02 페이징 - 작성일시 역순으로 조회하기](https://wikidocs.net/162028#_5) # 73강 - [73강, 게시물에 일련번호 추가하기](https://youtu.be/_0iIDD0zU0o) - [GIT - 단계 1 - 전체 엘리먼트 개수](https://github.com/jhs512/sbb__2023_03_20/commit/87a74a9) - [GIT - 단계 2 - 빼기 루프 인덱스](https://github.com/jhs512/sbb__2023_03_20/commit/3c432b2) - [GIT - 단계 3 - 빼기 페이지 사이즈 * 페이지 번호](https://github.com/jhs512/sbb__2023_03_20/commit/b5fa39e) - [책 - 3-03 게시물에 일련번호 추가하기](https://wikidocs.net/162090) # 74강 - [74강, 답변 개수 표시 - 단순하게 처리, N + 1 문제 발생](https://youtu.be/41PjDA-dnW4) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/9d82c7cfe0849acca72f28635386d2efdd0a67cc) - [책 - 3-04 답변 개수 표시](https://wikidocs.net/162092) ## SQL ```sql SELECT q1_0.id, q1_0.content, q1_0.create_date, q1_0.subject FROM question q1_0 ORDER BY q1_0.create_date DESC LIMIT 290, 10; SELECT COUNT(q1_0.id) FROM question q1_0; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 10; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 9; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 8; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 7; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 6; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 5; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 4; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 3; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 2; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id = 1; ``` # 75강 - [75강, 답변 개수 표시 - default_batch_fetch_size 설정으로 N + 1 문제 해결](https://youtu.be/-M6L5Afr3Sw) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/4ad04ff78c75cc151287f2dcbe68e6f958bd9913) - [책 - 3-04 답변 개수 표시](https://wikidocs.net/162092) ## SQL ```sql SELECT q1_0.id, q1_0.content, q1_0.create_date, q1_0.subject FROM question q1_0 ORDER BY q1_0.create_date DESC LIMIT 290, 10; SELECT COUNT(q1_0.id) FROM question q1_0; SELECT a1_0.question_id, a1_0.id, a1_0.content, a1_0.create_date FROM answer a1_0 WHERE a1_0.question_id IN (10, 9, 8, 7, 6, 5, 4, 3, 2, 1); ``` # 76강 - [76강, 답변 개수 표시 - LazyCollectionOption.EXTRA 으로 SQL 최적화, 하지만 N + 1 재등장](https://youtu.be/TrZPBjD_-Qc) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/1952cc0060172cbcf608216f40f4225c5d0b20a0) - [책 - 3-04 답변 개수 표시](https://wikidocs.net/162092) ## SQL ```sql SELECT q1_0.id, q1_0.content, q1_0.create_date, q1_0.subject FROM question q1_0 ORDER BY q1_0.create_date DESC LIMIT 290, 10; SELECT COUNT(q1_0.id) FROM question q1_0; SELECT COUNT(id) FROM answer WHERE question_id = 10; SELECT COUNT(id) FROM answer WHERE question_id = 9; SELECT COUNT(id) FROM answer WHERE question_id = 8; SELECT COUNT(id) FROM answer WHERE question_id = 7; SELECT COUNT(id) FROM answer WHERE question_id = 6; SELECT COUNT(id) FROM answer WHERE question_id = 5; SELECT COUNT(id) FROM answer WHERE question_id = 4; SELECT COUNT(id) FROM answer WHERE question_id = 3; SELECT COUNT(id) FROM answer WHERE question_id = 2; SELECT COUNT(id) FROM answer WHERE question_id = 1; ``` # 77강 - [77강, 스프링 시큐리티 - 스프링 시큐리티 추가](https://youtu.be/dzqpJ1nwtqU) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/d94c062) - [책 - 3-05 스프링 시큐리티 - 스프링 시큐리티란?](https://wikidocs.net/162150#_1) - [책 - 3-05 스프링 시큐리티 - 스프링 시큐리티 설치](https://wikidocs.net/162150#_2) # 78강 - [78강, 스프링 시큐리티 - 스프링 시큐리티 설정객체 생성](https://youtu.be/IYIvUe4fZbg) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/d411346) - [책 - 3-05 스프링 시큐리티 - 스프링 시큐리티 설정](https://wikidocs.net/162150#_3) # 79강 - [79강, 회원가입 - 유저, 유저 리포지터리, 유저 서비스, 테스트 회원 2명 생성](https://youtu.be/ftEyBHdZn4A) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/59f82b3) - [책 - 3-06 회원가입 - 회원 정보를 위한 엔티티](https://wikidocs.net/162141#_1) - [책 - 3-06 회원가입 - User 리포지터리와 서비스](https://wikidocs.net/162141#_user1) # 80강 - [80강, 회원가입 - PasswordEncoder 빈 등록, 회원가입 처리](https://youtu.be/ZIwnanrM2l0) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/6b38f20) - [책 - 3-06 회원가입 - 회원가입 폼](https://wikidocs.net/162141#_2) - [책 - 3-06 회원가입 - 회원가입 컨트롤러](https://wikidocs.net/162141#_3) - [책 - 3-06 회원가입 - 회원가입 템플릿](https://wikidocs.net/162141#_4) - [책 - 3-06 회원가입 - 회원가입 실행해 보기](https://wikidocs.net/162141#_6) - [책 - 3-06 회원가입 - 회원가입 데이터 확인해 보기](https://wikidocs.net/162141#_7) # 81강 - [81강, 회원가입 - 중복된 회원에 대한 처리](https://youtu.be/4i85xaVkXpg) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/50d40ec) - [책 - 3-06 회원가입 - 내비게이션 바에 회원가입 링크 추가하기](https://wikidocs.net/162141#_5) - [책 - 3-06 회원가입 - 중복 회원가입](https://wikidocs.net/162141#_8) # 82강 - [82강, 로그인과 로그아웃 - UserDetailsService를 구현하여, 시큐리티가 회원을 site_user 테이블에서 찾도록](https://youtu.be/TjZb7n515dY) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/35f4242) - [책 - 3-07 로그인과 로그아웃 - 로그인 구현하기](https://wikidocs.net/162255#_1) # 83강 - [83강, 각 페이지별 로그인 필요여부를 명시적으로 선언하여, 로그인 되었는지 검증](https://youtu.be/vNe-hU4BvDE) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/63615f8) - [책 - 3-07 로그인과 로그아웃 - 로그인 구현하기](https://wikidocs.net/162255) # 84강 - [84강, 로그인 버튼과 로그아웃 버튼을 로그인 상태에 따라 분기, 로그아웃 버튼 누르면 POST 발생하도록 처리](https://youtu.be/EoS-LuEn8iM) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/c9a0f4c) - [책 - 3-07 로그인과 로그아웃 - 로그아웃 구현하기](https://wikidocs.net/162255#_2) # 85강 - [85강, 엔티티 변경 - Answer 엔티티와 Question 엔티티에 작성자 필드 추가, 1부, 작업](https://youtu.be/px7DVHC9eMY) - [85강, 엔티티 변경 - Answer 엔티티와 Question 엔티티에 작성자 필드 추가, 2부, 설명](https://youtu.be/NyblSH0XUhU) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/3148eba) - [책 - 3-08 엔티티 변경 - Question 속성 추가](https://wikidocs.net/162330#question) - [책 - 3-08 엔티티 변경 - Answer 속성 추가](https://wikidocs.net/162330#answer) - [책 - 3-08 엔티티 변경 - 테이블 확인](https://wikidocs.net/162330#_1) - [책 - 3-08 엔티티 변경 - author 저장](https://wikidocs.net/162330#author) # 86강 - [86강, 엔티티 변경 - 로그인이 필요한 액션임을 @PreAuthorize 로 명시, 로그인 했을 경우만 답변등록 허용](https://youtu.be/a9g0meSnQns) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/4d94baf) - [책 - 3-08 엔티티 변경 - 로그인이 필요한 메서드](https://wikidocs.net/162330#_4) - [책 - 3-08 엔티티 변경 - disabled](https://wikidocs.net/162330#disabled) # 87강 - [87강, 글쓴이 표시](https://youtu.be/Z9GoMK3LhNI) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/861e9f1) - [책 - 3-09 글쓴이 표시](https://wikidocs.net/162413) # 88강 - [88강, 수정과 삭제 - 질문 수정](https://youtu.be/smOZkiIm34w) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/28466d4) - [책 - 3-10 수정과 삭제 - 수정 일시](https://wikidocs.net/162416#_1) - [책 - 3-10 수정과 삭제 - 질문 수정](https://wikidocs.net/162416#_2) # 89강 - [89강, 수정과 삭제 - 질문 삭제](https://youtu.be/g4FC1UQLDWI) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/b1a40d8) - [책 - 3-10 수정과 삭제 - 질문 삭제](https://wikidocs.net/162416#_5) # 90강 - [90강, 수정과 삭제 - 답변 수정](https://youtu.be/SqDHiuf_Cfc) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/5a770dc) - [책 - 3-10 수정과 삭제 - 답변 수정](https://wikidocs.net/162416#_10) # 91강 - [91강, 수정과 삭제 - 답변 삭제](https://youtu.be/LdIg7q5Y2Pg) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/3e899e6) - [책 - 3-10 수정과 삭제 - 답변 삭제](https://wikidocs.net/162416#_13) # 92강 - [92강, 수정과 삭제 - 수정일시 표시하기](https://youtu.be/aIRTgyyjFcw) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/6ef61a1) - [책 - 3-10 수정과 삭제 - 수정일시 표시하기](https://wikidocs.net/162416#_16) # 93강 - [93강, 추천 - Set 타입의 votes 필드 추가](https://youtu.be/XPafLhrK9ac) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/067eb04) - [책 - 3-11 추천 - 엔티티 변경](https://wikidocs.net/162657#_1) # 94강 - [94강, 추천 - 질문 추천](https://youtu.be/5tS5INb8G2U) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/46fd440) - [책 - 3-11 추천 - 질문 추천](https://wikidocs.net/162657#_3) # 95강 - [95강, 추천 - 답변 추천](https://youtu.be/IvY68tYVwqc) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/0f258be) - [책 - 3-11 추천 - 답변 추천](https://wikidocs.net/162657#_7) # 96강 - [96강, 앵커 - 앵커 개념](https://youtu.be/ku72IvizHlc) - [책 - 3-12 앵커](https://wikidocs.net/162763) - [CODEPEN](https://codepen.io/jangka44/pen/PoRLVJL) - [일반링크 - https://cdpn.io/pen/debug/PoRLVJL](https://cdpn.io/pen/debug/PoRLVJL) - [일반링크 + 앵커 - https://cdpn.io/pen/debug/PoRLVJL#section-4](https://cdpn.io/pen/debug/PoRLVJL#section-4) # 97강 - [97강, 앵커 - 앵커 작업](https://youtu.be/g5gB4cLVIos) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/32f8c99) - [책 - 3-12 앵커](https://wikidocs.net/162763) # 98강 - [98강, 마크다운 - th:text 와 th:utext 의 차이](https://youtu.be/Wn6VYDR1Sr4) - [책 - 3-13 마크다운](https://wikidocs.net/162799) # 99강 - [99강, 마크다운 - 적용](https://youtu.be/bA23DrSmzns) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/ca9ca47) - [책 - 3-13 마크다운](https://wikidocs.net/162799) # 100강 - [100강, 검색 - SQL](https://youtu.be/ZDsgqeQxo7I) - [책 - 3-14 검색](https://wikidocs.net/162814) ## SQL, 1단계 : 질문제목 ```sql SELECT * FROM question AS Q WHERE ( Q.subject LIKE '%검색어%' ); ``` ## SQL, 2단계 : 질문제목 + 질문내용 ```sql SELECT * FROM question AS Q WHERE ( Q.subject LIKE '%검색어%' OR Q.content LIKE '%검색어%' ); ``` ## SQL, 3단계 : 질문제목 + 질문내용 + 질문자이름 ```sql SELECT * FROM question AS Q LEFT JOIN site_user AS QA ON Q.author_id = QA.id WHERE ( Q.subject LIKE '%검색어%' OR Q.content LIKE '%검색어%' OR QA.username LIKE '%검색어%' ); ``` ## SQL, 4단계 : 질문제목 + 질문내용 + 질문자이름 + 답변내용 ```sql SELECT * FROM question AS Q LEFT JOIN site_user AS QA ON Q.author_id = QA.id LEFT JOIN answer AS A ON Q.id = A.question_id WHERE ( Q.subject LIKE '%검색어%' OR Q.content LIKE '%검색어%' OR QA.username LIKE '%검색어%' OR A.content LIKE '%검색어%' ); ``` ## SQL, 5단계 : 질문제목 + 질문내용 + 질문자이름 + 답변내용 + GROUPING(질문번호기준) ```sql SELECT * FROM question AS Q LEFT JOIN site_user AS QA ON Q.author_id = QA.id LEFT JOIN answer AS A ON Q.id = A.question_id WHERE ( Q.subject LIKE '%검색어%' OR Q.content LIKE '%검색어%' OR QA.username LIKE '%검색어%' OR A.content LIKE '%검색어%' ) GROUP BY Q.id; ``` ## SQL, 6단계 : 질문제목 + 질문내용 + 질문자이름 + 답변내용 + GROUPING(질문번호기준) + 답변자이름 ```sql SELECT * FROM question AS Q LEFT JOIN site_user AS QA ON Q.author_id = QA.id LEFT JOIN answer AS A ON Q.id = A.question_id LEFT JOIN site_user AS AA ON A.author_id = AA.id WHERE ( Q.subject LIKE '%검색어%' OR Q.content LIKE '%검색어%' OR QA.username LIKE '%검색어%' OR A.content LIKE '%검색어%' OR AA.username LIKE '%검색어%' ) GROUP BY Q.id; ``` # 101강 - [101강, 검색 - Specification 을 이용한 검색기능 구현](https://youtu.be/_BYv1Klzub0) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/719f718) - [책 - 3-14 검색](https://wikidocs.net/162814) # 102강 - [102강, 검색 - 검색폼](https://youtu.be/KsMzKZ_7KXA) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/78a5e0f) - [책 - 3-14 검색](https://wikidocs.net/162814) # 103강 - [103강, 검색 - 검색 후 페이지이동을 해도 검색이 안 풀리도록](https://youtu.be/TpfjAnRdqXw) - [GIT](https://github.com/jhs512/sbb__2023_03_20/commit/b2ecbf1) - [책 - 3-14 검색](https://wikidocs.net/162814) # 책 3-15 추가문제 난이도 쉬운순 1. 조회 수 - 1단계 : 단순증가 - 2단계 : 로컬 스토리지 + ajax - 같은 브라우저로는 하나의 글에 대해서 조회 수 증가를 2번 이상할 수 없도록 - 난이도 상 1. 프로필 1. 최근 답변과 최근 댓글 - 최근 댓글은 패스 1. 카테고리 1. 마크다운 에디터 1. 비밀번호 찾기와 변경 - 스프링 부트 이메일로 임시 비번 발송 - 특정 GMAIL 계정으로 발송하지 마세요. 1. 소셜 로그인 - 카카오 로그인 - 구글 로그인 1. 답변 페이징과 정렬 1. 댓글