## 분할정복법 * 분할정복만 잘하면 누구나 위대한 프로그램을 만들 수 있다. * 분할 : 자신이 3분 안에 처리할 수 있는 수준으로 문제를 나눈다. * 선택 : 작은 목표중에서 자신의 느낌에 따라 문제를 선택한다. * 정복 : 그 목표를 수행한다. ## 개요 - 블로그 만들기 - [레포](https://github.com/sik2/frist_proj_startpack2401) - [전체커밋](https://github.com/sik2/frist_proj_startpack2401/commits/main/) # 강의 ## 셋팅 - [셋팅- start.spring.io](https://start.spring.io/#!type=gradle-project&language=java&platformVersion=3.2.1&packaging=jar&jvmVersion=17&groupId=com.start&artifactId=1st&name=1st&description=Demo%20project%20for%20Spring%20Boot&packageName=com.start.1st&dependencies=web,lombok,devtools,thymeleaf,security,mariadb,data-jpa) - application.yml ```yml spring: profiles: active: dev # 기본적으로는 application-dev.yml 이 로딩된다는 의미 include: secret # active 되는 설정파일 (application-dev.yml) 다음에 application-secret.yml 이 로딩된다는 의미 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: driver-class-name: org.mariadb.jdbc.Driver url: jdbc:mariadb://127.0.0.1:3306/blog_dev username: root password: jpa: hibernate: ddl-auto: update # DB 스키마 자동생성, 앱이 재실행되어도 데이터는 유지된다. ``` - application-secret.yml.default ```yml spring: mail: password: NEED_TO_INPUT ``` - [gitignore](https://www.toptal.com/developers/gitignore) ## 1강 - [p 13337, 스프링부트 프로젝트 start pack, 1강 프로젝트 셋팅](https://youtu.be/q7XdNJqN4j0) - [GIT](https://github.com/sik2/frist_proj_startpack2401/commit/a0b3247) ## 2강 - [p 13337, 스프링부트 프로젝트 start pack, 2강, DB 데이터 베이스 연결](https://youtu.be/UpO7D49rM_Q) - [GIT](https://github.com/sik2/frist_proj_startpack2401/commit/ee0ee8a) ## 3강 - [p 13337, 스프링부트 프로젝트 start pack, 3강, 시큐리티 권한 설정](https://youtu.be/atj2c6mNN1c) - [GIT](https://github.com/sik2/frist_proj_startpack2401/commit/) ## 4강 - [p 13337, 스프링부트 프로젝트 start pack, 4강, 시큐리티 권한 설정](https://youtu.be/atj2c6mNN1c) - [GIT](https://github.com/sik2/frist_proj_startpack2401/commit/ef81468) ## 5강 - [p 13337, 스프링부트 프로젝트 start pack, 5강, 로그인 기능 구현](https://youtu.be/cFDFFtWxfyY) - [GIT](https://github.com/sik2/frist_proj_startpack2401/commit/457dedb) - application-secret.yml ```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 ``` - build.gradle ``` implementation 'org.springframework.boot:spring-boot-starter-oauth2-client' ``` - redirect url ``` http://localhost:8010/login/oauth2/code/kakao ``` - application.yml 카카오 관련 추가 ```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 ```java public class SecurityConfig { @Bean SecurityFilterChain filterChain(HttpSecurity http) throws Exception { http (생략) .oauth2Login( oauth2Login -> oauth2Login .loginPage("/member/login") ) (생략) return http.build(); } ``` - login 버튼 ```html

카카오 로그인

``` - memberservice ```java @Transactional public Member whenSocialLogin(String providerTypeCode, String username, String nickname) { Optional opMember = findByUsername(username); if (opMember.isPresent()) return opMember.get(); // 소셜 로그인를 통한 가입시 비번은 없다. return join(username, "", nickname, ""); // 최초 로그인 시 딱 한번 실행 } private Optional findByUsername(String username) { return memberRepository.findByusername(username); } ``` - CustomOAuth2UserService ```java @Service @Transactional(readOnly = true) @RequiredArgsConstructor public class CustomOAuth2UserService extends DefaultOAuth2UserService { private final MemberService memberService; // 카카오톡 로그인이 성공할 때 마다 이 함수가 실행된다. @Override @Transactional public OAuth2User loadUser(OAuth2UserRequest userRequest) throws OAuth2AuthenticationException { OAuth2User oAuth2User = super.loadUser(userRequest); String oauthId = oAuth2User.getName(); Map attributes = oAuth2User.getAttributes(); Map attributesProperties = (Map) attributes.get("properties"); String nickname = (String) attributesProperties.get("nickname"); String providerTypeCode = userRequest.getClientRegistration().getRegistrationId().toUpperCase(); String username = providerTypeCode + "__%s".formatted(oauthId); Member member = memberService.whenSocialLogin(providerTypeCode, username, nickname); List authorityList = new ArrayList<>(); return new CustomOAuth2User(member.getUsername(), member.getPassword(), authorityList); } } class CustomOAuth2User extends User implements OAuth2User { public CustomOAuth2User(String username, String password, Collection authorities) { super(username, password, authorities); } @Override public Map getAttributes() { return null; } @Override public String getName() { return getUsername(); } } ``` # 이메일 인증 - [작업 커밋 - GIT](https://github.com/sik2/frist_proj_startpack2401/commit/d9b746b) - gradle 설치 ``` implementation 'org.springframework.boot:spring-boot-starter-mail' ``` - 메일발송 Gmail 설정 - Google에 로그인 후 계정 클릭 - 2단계 인증 클릭 - 비밀번호 입력 - 앱 비밀번호 클릭 후 생성 - 절대 해당 키가 GIT에 공개되면 안됩니다. - application.yml 업데이트 ```yml spring: (생략) mail: host: smtp.gmail.com port: 587 username: user1@gmail.com password: NEED_TO_INPUT_ON_SECRET properties: mail: smtp: auth: true starttls: enable: true (생략) ``` - application-secret.yml 구조 ``` spring: (생략) mail: password: NEED_TO_INPUT (생략) ``` - /domain/email/service/EmailService.java ```java @Service @RequiredArgsConstructor public class EmailService { private final JavaMailSender mailSender; public void send(String to, String subject, String body) { MimeMessage mimeMessage = mailSender.createMimeMessage(); try { MimeMessageHelper mimeMessageHelper = new MimeMessageHelper(mimeMessage, false, "UTF-8"); mimeMessageHelper.setTo(to); // 메일 수신자 mimeMessageHelper.setSubject(subject); // 메일 제목 mimeMessageHelper.setText(body, true); // 메일 본문 내용, HTML 여부 mailSender.send(mimeMessage); // 메일방송 } catch (MessagingException e) { throw new RuntimeException(e); } } } ``` - 사용 예시 ```java @Controller @RequiredArgsConstructor @RequestMapping("/member") public class MemberController { private final EmailService emailService; @PostMapping("join") public String join (@Valid JoinForm joinForm) { (...생략) emailService.send(joinForm.email, "서비스 가입을 환영합니다!", "회원가입 환영 메일"); (...생략) } ``` # 파일업로드 ## Article 도메인 등록 - [GIT](https://github.com/sik2/frist_proj_startpack2401/commit/b41f261) ## 파일업로드 기능 구현 - [GIT](https://github.com/sik2/frist_proj_startpack2401/commit/515ac48) - application-dev.yml ```yml custom: fileDirPath: D:\thumbnail ``` - application-prod.yml ```yml custom: fileDirPath: /temp/thumbnail ``` - article ```java @Entity @Getter @SuperBuilder @NoArgsConstructor @AllArgsConstructor public class Article extends BaseEntity { private String title; private String content; private String thumbnailImg; } ``` - ArticleController ```java @RequestMapping("/article") @RequiredArgsConstructor @Controller public class ArticleController { private final ArticleService articleService; @GetMapping("/list") public String list (Model model) { List

articleList = this.articleService.getList(); model.addAttribute("articleList", articleList); return "article/list"; } @GetMapping("/create") public String create () { return "article/create_form"; } @PostMapping("/create") public String create(@RequestParam("title") String title, @RequestParam("content") String content, @RequestParam("thumbnail") MultipartFile thumbnail) { this.articleService.create(title, content, thumbnail); return "redirect:/article/list"; } } ``` - ArticleService ```java @RequiredArgsConstructor @Service public class ArticleService { private final ArticleRepository articleRepository; @Value("${custom.fileDirPath}") private String fileDirPath; public List

getList () { return this.articleRepository.findAll(); } public void create(String title, String content, MultipartFile thumbnail) { String thumbnailRelPath = "article/" + UUID.randomUUID().toString() + ".jpg"; File thumbnailFile = new File(fileDirPath + "/" + thumbnailRelPath); try { thumbnail.transferTo(thumbnailFile); } catch (IOException e) { throw new RuntimeException(e); } Article article = Article.builder() .title(title) .content(content) .thumbnailImg(thumbnailRelPath) .build(); this.articleRepository.save(article); } } ``` - ArticleRepository ```java @Repository public interface ArticleRepository extends JpaRepository { } ``` - global/config/WebMvcConfig.java ```java @Configuration public class WebMvcConfig implements WebMvcConfigurer { @Value("${custom.fileDirPath}") private String fileDirPath; @Override public void addResourceHandlers (ResourceHandlerRegistry registry) { registry.addResourceHandler("/file/**") .addResourceLocations("file:///" + fileDirPath + "/"); } } ``` - article/list.html ```html

게시판목록

게시글 등록 ``` - article/form.html ```html

게시글 등록

``` - global/config/WebMvcConfig.java ```java @Configuration public class WebMvcConfig implements WebMvcConfigurer { @Value("${custom.fileDirPath}") private String fileDirPath; @Override public void addResourceHandlers (ResourceHandlerRegistry registry) { registry.addResourceHandler("/file/**") .addResourceLocations("file:///" + fileDirPath + "/"); } } ``` $$hide ## 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/) $$

제목

내용

사진

스프링부트 - 1차 프로젝트 Start Pack