## 분할정복법 * 분할정복만 잘하면 누구나 위대한 프로그램을 만들 수 있다. * 분할 : 자신이 3분 안에 처리할 수 있는 수준으로 문제를 나눈다. * 선택 : 작은 목표중에서 자신의 느낌에 따라 문제를 선택한다. * 정복 : 그 목표를 수행한다. ## 개요 - 블로그 만들기 - [레포](https://github.com/sik2/vblog_2312.git) - [전체커밋]() # 강의 ## 셋팅 - [셋팅- start.spring.io](https://start.spring.io/#!type=gradle-project&language=java&platformVersion=3.1.2&packaging=jar&jvmVersion=17&groupId=com.cojar&artifactId=market&name=market&description=project%20for%20Spring%20Boot&packageName=com.cojar.market&dependencies=lombok,web,devtools) ## 1강 - [p 13282, 스프링 부트 블로그 만들기, 1강 프로젝트 셋팅](https://youtu.be/YabIUzRLhgQ) - [gitignore](https://www.toptal.com/developers/gitignore) ## 2강 - [p 13282, 스프링 부트 블로그 만들기, 2강 DB 생성 및 설정 파일](https://youtu.be/rNW-gn8EXwE) - [GIT](https://github.com/sik2/vblog_2312/commit/91a9025) - application.yml ```yml spring: profiles: active: dev # 기본적으로는 application-dev.yml 이 로딩된다는 의미 include: secret # active 되는 설정파일 (application-dev.yml) 다음에 application-secret.yml 이 로딩된다는 의미 datasource: driver-class-name: org.mariadb.jdbc.Driver jpa: properties: hibernate: default_batch_fetch_size: 100 # Lazy 로딩이 될 때 한번에 DB에서 가져오는 데이터의 수 show_sql: true # SQL 로그를 보기 좋게 포맷팅 format_sql: true # SQL 로그에 하이라이트 use_sql_comments: true # SQL 로그에 코멘트 logging: level: # SQL에 사용된 실제 파라미터, SQL의 결과도 출력 org.hibernate.SQL: DEBUG org.hibernate.orm.jdbc.bind: TRACE org.hibernate.orm.jdbc.extract: TRACE org.springframework.transaction.interceptor: TRACE ``` - application-dev.yml ```yml server: port: 8010 spring: thymeleaf: cache: false prefix: file:src/main/resources/templates/ devtools: livereload: enabled: true restart: enabled: true datasource: url: jdbc:mariadb://127.0.0.1:3306/blog_dev?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul username: root password: jpa: hibernate: ddl-auto: update # DB 스키마 자동생성, 앱이 재실행되어도 데이터는 유지된다. ``` - application-secret.yml.default ```yml spring: mail: password: NEED_TO_INPUT ``` # 3강 - [p 13282, 스프링 부트 블로그 만들기, 3강 도메인형 디렉터리 구조 적용, 홈 컨트롤러 출력](https://youtu.be/TGCiNPUTik0) - [[Spring boot] 디렉터리 패키지 구조의 선택 - 글](https://velog.io/@jsb100800/Spring-boot-directory-package) - [GIT](https://github.com/sik2/vblog_2312/commit/4031528) # 4강 - [p 13282, 스프링 부트 블로그 만들기, 4강, post 도메인 기본 작업, setter 대신 bulider 패턴 적용](https://youtu.be/nqKhhEYA3gs) - [GIT](https://github.com/sik2/vblog_2312/commit/efc2951) # 5강 - [p 13282, 스프링 부트 블로그 만들기, 5강, 빌더패턴 service 적용](https://youtu.be/hOp33eSUn7o) - [GIT](https://github.com/sik2/vblog_2312/commit/3b3399e) # 6강 - [p 13282, 스프링 부트 블로그 만들기, 6강, 게시글 리스트 데이터 출력](https://youtu.be/knoX1j-K-So) - [GIT](https://github.com/sik2/vblog_2312/commit/802ba0b) # 7강 - [p 13282, 스프링 부트 블로그 만들기, 7강, Member 엔티티 등록, 엔티티 수정](https://youtu.be/fPqBaUVm8SY) - [GIT](https://github.com/sik2/vblog_2312/commit/e5e30cd) # 8강 - [p 13282, 스프링 부트 블로그 만들기, 8강, Member MVC 파일 셋팅, Post 엔티티 작성자 추가](https://youtu.be/jc6kjk-1xac) - [GIT](https://github.com/sik2/vblog_2312/commit/606cfb6) # 9강 - [p 13282, 스프링 부트 블로그 만들기, 9강, Spring security 도입 및 초기 설정](https://youtu.be/lutol3Yw0vIgit ) - [GIT](https://github.com/sik2/vblog_2312/commit/1f65c2d) ```java @Configuration @EnableWebSecurity @EnableMethodSecurity(prePostEnabled = true) public class SecurityConfig { @Bean SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http .authorizeHttpRequests((authorizeHttpRequests) -> authorizeHttpRequests .requestMatchers(new AntPathRequestMatcher("/**")).permitAll()) ; return http.build(); } @Bean public PasswordEncoder passwordEncoder() { return new BCryptPasswordEncoder(); } @Bean AuthenticationManager authenticationManager(AuthenticationConfiguration authenticationConfiguration) throws Exception { return authenticationConfiguration.getAuthenticationManager(); } } ``` # 10강 - [p 13282, 스프링 부트 블로그 만들기, 10강 1부, 로그인 기능 구현을 위한 셋팅](https://youtu.be/l32wKpQiyJ8) - [GIT](https://github.com/sik2/vblog_2312/commit/89393a2) - [p 13282, 스프링 부트 블로그 만들기, 10강 2부, 회원가입 기능 구현을 위한 셋팅](https://youtu.be/XSiBtpJZnP4) - [GIT](https://github.com/sik2/vblog_2312/commit/ae72195) - member/login.html ```html

로그인

``` - member/join.html ```html

회원가입

``` # 11강 - [p 13282, 스프링 부트 블로그 만들기, 11강, 개발용 initData 만들기](https://youtu.be/TnrclVSLVtI) - [GIT](https://github.com/sik2/vblog_2312/commit/9f52a3e) ``` import com.project.blog.domain.member.service.MemberService; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.boot.ApplicationRunner; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.context.annotation.Profile; import org.springframework.security.crypto.password.PasswordEncoder; @Configuration @Profile("dev") public class Dev { @Autowired PasswordEncoder passwordEncoder; @Bean public ApplicationRunner init(MemberService memberService) { return args -> { memberService.join("admin", "1234", "admin", "admin@test.com"); memberService.join("member1", "1234", "member1", "member1@test.com"); memberService.join("member2", "1234", "member2", "member2@test.com"); }; } } ``` # 12강 - [p 13282, 스프링 부트 블로그 만들기, 12강, 로그인 상태 체크, 로그아웃 구현](https://youtu.be/514oyVYc5To) - [GIT](https://github.com/sik2/vblog_2312/commit/d5384df) # 13강 - [p 13282, 스프링 부트 블로그 만들기, 13강, 소셜로그인 셋팅 - 카카오](https://youtu.be/EChxGAgSOT8) - [GIT](https://github.com/sik2/vblog_2312/commit/556a25b) - application-secret.yml 구조 ``` spring: security: oauth2: client: registration: kakao: clientId: CLIENT_ID mail: password: NEED_TO_INPUT custom: security: oauth2: client: registration: kakao: devUser: oauthId: oauthId nickname: nickname ``` # 14강 - [p 13282, 스프링 부트 블로그 만들기, 14강, 소셜로그인 적용 - 카카오](https://youtu.be/dreA-nUPWUE) - [GIT](https://github.com/sik2/vblog_2312/commit/8a321b3) - build.gradle ``` implementation 'org.springframework.boot:spring-boot-starter-oauth2-client' ``` - redirect url ``` http://localhost:8010/login/oauth2/code/kakao ``` - application.yml 카카오 관련 추가 ``` spring: profiles: active: dev include: secret security: oauth2: client: registration: kakao: scope: client-name: Kakao authorization-grant-type: authorization_code redirect-uri: 'http://localhost:8010/{action}/oauth2/code/{registrationId}' provider: kakao: authorization-uri: https://kauth.kakao.com/oauth/authorize token-uri: https://kauth.kakao.com/oauth/token user-info-uri: https://kapi.kakao.com/v2/user/me user-name-attribute: id ``` - SecurityConfig ``` public class SecurityConfig { @Bean SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http (생략) .oauth2Login( oauth2Login -> oauth2Login .loginPage("/member/login") ) (생략) return http.build(); } ``` - login 버튼 ```html

카카오 로그인

``` # 15강 - [p 13282, 스프링 부트 블로그 만들기, 15강, 소셜 로그인 처리](https://youtu.be/jtz-iIwOUkQ) - [GIT](https://github.com/sik2/vblog_2312/commit/7a890bb) # 16강 - [p 13282, 스프링 부트 블로그 만들기, 16강, 일반 회원가입 구현 nested class 를 통한 form 벨리데이션 처리](https://youtu.be/uaFd5iPrTFA) - [GIT](https://github.com/sik2/vblog_2312/commit/f7f525c) # 17강 - [p 13282, 스프링 부트 블로그 만들기, 17강, 포스트맨 활용](https://youtu.be/tvHyqx0anXY) - [GIT](https://github.com/sik2/vblog_2312/commit/b40de3d) # 18강 - [p 13282, 스프링 부트 블로그 만들기, 18강, 메일발송을 위한 준비](https://youtu.be/KK7HeI0-NUk) # 19강 - [p 13282, 스프링 부트 블로그 만들기, 19강, 메일발송 Gmail 설정](https://youtu.be/G8zmTEqwDXo) - [GIT](https://github.com/sik2/vblog_2312/commit/a8ca5d4) - Google에 로그인 후 계정 클릭 - 2단계 인증 클릭 - 비밀번호 입력 - 앱 비밀번호 클릭 후 생성 - 절대 해당 키가 GIT에 공개되면 안됩니다. # 20강 - [p 13282, 스프링 부트 블로그 만들기, 20강, 메일발송 service 추가 발송 적용](https://youtu.be/ZZxaCZl_uKU) - [GIT](https://github.com/sik2/vblog_2312/commit/0a28ffc) # 21강 - [p 13282, 스프링 부트 블로그 만들기, 21강, 게시글 작업 1부 목록](https://youtu.be/r2Q9hv9k7mo) - [p 13282, 스프링 부트 블로그 만들기, 21강, 게시글 작업 2부 등록](https://youtu.be/-I08CYm_Tr8) - [p 13282, 스프링 부트 블로그 만들기, 21강, 게시글 작업 3부 등록 관련 프론트 작업](https://youtu.be/-XdaN7E-tMY) - [p 13282, 스프링 부트 블로그 만들기, 21강, 게시글 작업 4부 등록일 추가되도록](https://youtu.be/-XdaN7E-tMY) - [GIT](https://github.com/sik2/vblog_2312/commit/dcb404b) ### 생성일 수정일 안나올경우 추가 ``` @EnableJpaAuditing ``` # 22강 - [p 13282, 스프링 부트 블로그 만들기, 22강, 파일 업로드 기능 구현 1부 개념](https://youtu.be/xf1b1Tignqg) - [p 13282, 스프링 부트 블로그 만들기, 22강, 파일 업로드 기능 구현 2부 엔티티, 프론트, 로직 수정, 환경변수 등록](https://youtu.be/d5Z-J9PJTyE) - [p 13282, 스프링 부트 블로그 만들기, 22강, 파일 업로드 기능 구현 3부 파일업로드 후 저장 되도록](https://youtu.be/8N1ruLAmxBw) - [p 13282, 스프링 부트 블로그 만들기, 22강, 파일 업로드 기능 구현 4부 파일업로드 UUID 를 이용해 파일 이름이 중복되지 않도록](https://youtu.be/1PMTU9tJUG8) - [p 13282, 스프링 부트 블로그 만들기, 22강, 파일 업로드 기능 구현 5부 파일업로드 프론트에서 보여주기](https://youtu.be/s89IksgseOg) - [GIT](https://github.com/sik2/vblog_2312/commit/dfab538) $$hide # 0강 - [p 13282, 스프링 부트 블로그 만들기, 0강, ]() - [GIT](https://github.com/sik2/vblog_2312/commit/) $$

게시글 상세