$$config title: ? 스프링부트 - 그램그램 keywords: - IT - 멋쟁이 사자처럼 자바 백엔드스쿨 3기 $$ ![img](https://i.postimg.cc/dQRWQsYw/Combination-vertical-backendschool-1.png) --- --- # 부모수업 - 부모수업 : 멋쟁이 사자처럼 자바 백엔드스쿨 3기 수업페이지 - [주소 : https://slog.gg/p/2372](https://slog.gg/p/2372) # 수업 - [주소 : https://slog.gg/p/12190](https://slog.gg/p/12190) # 관련링크 - [참고 리포지터리 - https://github.com/jhs512/app_2022_10_11](https://github.com/jhs512/app_2022_10_11) - [참고 리포지터리 - https://github.com/likelion-backendschool/FinalProject_Answer/tree/week4](https://github.com/likelion-backendschool/FinalProject_Answer/tree/week4) - [참고 리포지터리 - https://github.com/jhs512/gramgram](https://github.com/jhs512/gramgram) - [참고 리포지터리 - https://github.com/jhs512/gramgram_ai](https://github.com/jhs512/gramgram_ai) - [리포지터리 - https://github.com/jhs512/gramgram_a1__23_03_29](https://github.com/jhs512/gramgram_a1__23_03_29) - [프로젝트 - 기능구현 기반 미션 - 계획, 제출 가이드라인](https://likelion.notion.site/1157837966184c28a5e1a309dd2dbf6e) # 설명 ## 서비스 개요 - 서비스명 : 그램그램 - 도메인 : gramgram.ai - 인스타ID 기반 익명호감표시 서비스 - 인스타ID 기반 인기투표 서비스 - 본인의 인스타ID를 입력하면, 현재 자신에게 이성적으로 호감을 느끼고 있는 사람이 몇명인지 알 수 있다. ## 기술 - 스프링부트 - 스프링 시큐리티 - 스프링 OAUTH 2 - 스프링 DATA JPA - MySQL - 타임리프 - 테일윈드 - 데이지 UI - 제이쿼리 - 지마켓 산스폰트 - 인스타그램 API - TDD ## 배포 - 네이버 클라우드 플랫폼 - 도커 - NGINX - 젠킨스 - GITHUB HOOKS - CI/CD ## 기능 - 카카오 로그인 - 본인의 인스타ID 연동 - 처음에는 수동입력 - 추후에는 인스타API로 인증 - 본인의 성별 입력 - 본인이 호감을 가지고 있는 상대를 등록 - 5명까지 등록가능 - 상대방의 인스타ID를 등록 - 인스타ID 입력할 때 매력포인트 중 하나를 선택(외모, 성격, 능력) - 본인의 인기를 확인 - 나를 좋아하는 사람의 수 확인 - 나를 좋아하는 여자의 수 확인 - 나를 좋아하는 남자의 수 확인 - 나를 외모 때문에 좋아하는 사람의 수 - 나를 외모 때문에 좋아하는 여자의 수 - 나를 외모 때문에 좋아하는 남자의 수 - 나를 성격 때문에 좋아하는 사람의 수 - 나를 성격 때문에 좋아하는 여자의 수 - 나를 성격 때문에 좋아하는 남자의 수 - 나를 능력 때문에 좋아하는 사람의 수 - 나를 능력 때문에 좋아하는 여자의 수 - 나를 능력 때문에 좋아하는 남자의 수 - 본인 인기의 변동내역 - 시간별 - 일별 - 월별 # 1강 - [23 03 29, ken 12190, 1강, gramgram 서비스 개요](https://youtu.be/1pej4pPmNXU) # 2강 - [23 03 29, ken 12190, 2강, 프로젝트 세팅](https://youtu.be/gNIqBeBcntA) - [start.spring.io - 프로젝트 세팅](https://start.spring.io/#!type=gradle-project&language=java&platformVersion=3.0.5&packaging=jar&jvmVersion=17&groupId=com.ll&artifactId=gramgram&name=gramgram&description=Demo%20project%20for%20Spring%20Boot&packageName=com.ll.gramgram&dependencies=devtools,web,lombok,thymeleaf,security,data-jpa,validation) - [리포지터리 - https://github.com/jhs512/gramgram_a1__23_03_29](https://github.com/jhs512/gramgram_a1__23_03_29) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/b8e6082) # 3강 - [23 03 29, ken 12190, 3강, MariaDB 드라이버 추가, DB 연결](https://youtu.be/bLOacQQs-Fg) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/1ee59fd) ## db/init.sql ```sql DROP DATABASE IF EXISTS gram__dev; CREATE DATABASE gram__dev; USE gram__dev; ``` # 4강 - [23 03 30, ken 12190, 4강, 스프링 시큐리티 설정](https://youtu.be/yhSdl5NQAXU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/362d498) # 5강 - [23 03 30, ken 12190, 5강, 회원가입 폼 테스트케이스](https://youtu.be/vdFjLJRHigk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/cc964ce) # 6강 - [23 03 30, ken 12190, 6강, 회원가입 테스트케이스](https://youtu.be/yevSpn6relU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/ae53ed8) # 7강 - [23 03 30, ken 12190, 7강, 회원가입 폼 구현](https://youtu.be/LMUJikm_Kf0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/15d86a2) - [테일윈드 치트시트 - https://nerdcave.com/tailwind-cheat-sheet](https://nerdcave.com/tailwind-cheat-sheet) # 8강 - [23 03 30, ken 12190, 8강, 회원가입 폼 처리에서 유효성 체크, 1부, 작업](https://youtu.be/p3siintH51M) - [23 03 30, ken 12190, 8강, 회원가입 폼 처리에서 유효성 체크, 2부, 버그수정](https://youtu.be/lKitWX6B50Y) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/a8832fd) # 9강 - [23 03 30, ken 12190, 9강, 회원가입 폼 체크](https://youtu.be/hMGMT-vD8Sg) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d741684) # 10강 - [23 03 30, ken 12190, 10강, alert 대신, toatr 적용, 1부, 작업, 데이지UI와 충돌발생](https://youtu.be/QNCFORLCmVM) - [23 03 30, ken 12190, 10강, alert 대신, toatr 적용, 2부, 데이지UI와의 충돌을 해결](https://youtu.be/osyUQlgeLFU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8ab39e3) ## toastr 라이브러리 CDN ```html ``` # 11강 - [23 03 30, ken 12190, 11강, 회원가입 처리](https://youtu.be/PCh0Atdg6Q8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/bb17ede) # 12강 - [23 03 30, ken 12190, 12강, 로그인 폼](https://youtu.be/t41CzkqHyy4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/cc33417) # 13강 - [23 03 30, ken 12190, 13강, 기본 데이터(회원 4명), Member::username 칼럼 unique, CustomUserDetailsService 클래스 구현](https://youtu.be/ZtfSv_DnZC8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/0cdd227) # 14강 - [23 03 30, ken 12190, 14강, username 이 admin 인 회원을 관리자로 지정](https://youtu.be/_ifpJaITeGk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/5c3ef53) # 15강 - [23 03 30, ken 12190, 15강, 로그인 폼 처리 테스트케이스를 뒤늦게라도 추가](https://youtu.be/RIR8dIC4LG0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d409489) # 16강 - [23 03 30, ken 12190, 16강, 각 페이지 진입전에 로그인 여부 체크, 레이아웃에 내비바 추가](https://youtu.be/oPBslg_R8Ho) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/e46592e) # 17강 - [23 03 30, ken 12190, 17강, 중간질의응답 1부, CustomUserDetailsService 구현한 이유](https://youtu.be/IOaIG8GfYGU) - [23 03 30, ken 12190, 18강, 중간질의응답 2부, 현재 로그인한 회원이름을 layout.html 의 내비바에 보이도록 하는 방법](https://youtu.be/xv7wWqYHXIs) # 18강 - [23 03 31, ken 12190, 18강, showDebugSession 설명, 로그인 폼 처리 테스트케이스 강화](https://youtu.be/2ge5e37LCBc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/cef879b) # 19강 - [23 03 31, ken 12190, 19강, getGrantedAuthorities 설명, 이것을 이용하여 관리자페이지에 admin 권한가진 유저만 접근할 수 있도록](https://youtu.be/iVSoeLkhXhs) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/ec0a3a5) # 20강 - [23 03 31, ken 12190, 20강, @EntityListeners 에 대한 설명](https://youtu.be/XPf7KkzYHck) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3f62139) # 21강 - [23 03 31, ken 12190, 21강, 회원가입 폼 처리 테스트케이스에 대한 전반적인 설명](https://youtu.be/HjaBLHTn36s) # 22강 - [23 03 31, ken 12190, 22강, 내 정보 페이지 추가, 로그인 후에 자신의 이름을 내바에서 볼 수 있도록](https://youtu.be/GurmXEZUWq0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/da65cc2) # 23강 - [23 03 31, ken 12190, 23강, 로그인 후에 자신의 번호와 가입날짜를 내비바에서 볼 수 있도록, 무식한 방법으로 해결](https://youtu.be/MHa0BynZEdo) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c00f5d5) # 24강 - [23 03 31, ken 12190, 24강, 로그인 후에 자신의 번호와 가입날짜를 내비바에서 볼 수 있도록, Rq 도입하여 해결](https://youtu.be/0qUcVoR41yM) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/32191e8) ## Rq(Rquest)가 다루는 것 - req - resp - model - 컨트롤러에서 뷰로 데이터 넘길 때 사용하는 객체 - session - cookie - 로그인 된 회원정보 - 로그인 된 회원의 권한 - 리다이렉트 + 노티 메시지 - history.back(); + 노티 메시지 # 25강 - [23 03 31, ken 12190, 25강, 내비바에 rq 를 적극 사용하여 소스코드를 간결하게](https://youtu.be/NEIpvSYrxFU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/a065d06) # 26강 - [23 03 31, ken 12190, 26강, 내 정보 페이지를 rq 를 이용해서 쉽게 구현](https://youtu.be/Uq_aNQERgnQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/b4ec2f3) # 27강 - [23 03 31, ken 12190, 27강, 회원가입 호 로그인 페이지로 이동, 메세지와 함께 이동](https://youtu.be/2T_XPYo9BYY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/7dfd8d8) # 28강 - [23 03 31, ken 12190, 28강, 회원가입 시 아이디중복으로 인해 실패하면 경고창과 함께 history.back(), RsData 도입](https://youtu.be/FiUHCN1q1zc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c13190c) # 29강 - [23 03 31, ken 12190, 29강, toast 메세지에 ttl 기능 부여, common.css, common.js 도입](https://youtu.be/HiQ9znZ16aA) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d151528) # 30강 - [23 03 31, ken 12190, 30강, history.back() 하기 전에 나오는 메세지를 컨트롤러에서 결정할 수 있도록](https://youtu.be/-b3ofw1isUs) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/7133402) # 31강 - [23 03 31, ken 12190, 31강, history.back() 하기 전에 나오는 메세지가 나오는게 아니라, 후에 나오도록](https://youtu.be/7zazlQb7z8I) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/18a65b4) # 32강 - [23 03 31, ken 12190, 32강, rq.redirectWithMsg 도입하여 코드를 깔끔하게, 메세지에 ttl 도 적용](https://youtu.be/SHRi4uO20Ho) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/683fddb) # 33강 - [23 03 31, ken 12190, 33강, 본인의 인스타그램 계정정보 입력, 1부](https://youtu.be/8i_O4lR84dM) - [23 03 31, ken 12190, 33강, 본인의 인스타그램 계정정보 입력, 2부](https://youtu.be/YkqSyf7pVRc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/681285d) # 34강 - [23 03 31, ken 12190, 34강, 본인의 인스타그램 계정정보 입력 폼 핸들러 구현](https://youtu.be/wUJhZqfszIc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/2d2b67b) # 35강 - [23 03 31, ken 12190, 35강, 본인의 인스타그램 계정정보 입력 폼 핸들러에서 계정정보 저장](https://youtu.be/oXwCTwegbZY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d9a1281) # 36강 - [23 04 01, ken 12190, 36강, 생성된 인스타 회원을 1:1 관계로 회원과 연결](https://youtu.be/EHsNayRiOmM) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/229bac0) # 37강 - [23 04 01, ken 12190, 37강, reformat code](https://youtu.be/dNresohuQA8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/64d75e1) # 38강 - [23 04 01, ken 12190, 38강, 호감표시 폼 구현, 본인의 인스타정보 입력을 안했다면, 폼 대신 안내 메세지 표시](https://youtu.be/do7fhBVSTvc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/fe966c4) # 39강 - [23 04 01, ken 12190, 39강, user2 는 인스타인증 회원으로 설정, user2 로 접속하면 폼이 잘 보이도록](https://youtu.be/4fWtpVZvFZ0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8e0decc) # 40강 - [23 04 01, ken 12190, 40강, 테스트 케이스 중 롤백안되게 처리해둔 것을 다시 원복, 이제 모든 테스트케이스가 통과함](https://youtu.be/b_PimE1vZLk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/ed2aa78) # 41강 - [23 04 01, ken 12190, 41강, 호감표시 기능 구현, 본인이 본인을 좋아한다고 하면 안됨](https://youtu.be/RBvlnqvOOb0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/a070d5b) # 42강 - [23 04 02, ken 12190, 42강, member 와 instaMember 와 likeablePerson 의 관계 설명](https://youtu.be/BNycqxiduA4) # 43강 - [23 04 02, ken 12190, 43강, 호감표시의 폼체크에서 본인을 호감상대로 등록하지 못하도록 체크](https://youtu.be/AZXM_Ucc994) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/be73bbf) # 44강 - [23 04 02, ken 12190, 44강, 아직 우리 서비스에 등록되지 않은 인스타 유저를 상대로 호감표시 가능하도록](https://youtu.be/e0v0-XUqHww) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/9120931) # 45강 - [23 04 02, ken 12190, 45강, 인스타ID 등록시에 이미 등록 되었더라도, gender가 U 이면 연결가능](https://youtu.be/RTV73OsHC6s) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/e82c951) # 46강 - [23 04 02, ken 12190, 46강, 인스타ID 인증 후 호감표시 페이지로 이동되도록](https://youtu.be/O7vPLM_Scz4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/cc49ba7) # 47강 - [23 04 02, ken 12190, 47강, 호감목록 페이지 구현](https://youtu.be/4TG2aa7IVDI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3528e65) # 48강 - [23 04 02, ken 12190, 48강, 카카오 로그인을 위한 준비, 카카오 개발자 센터에서 앱 생성, 생성된 앱키를 application.yml에 추가](https://youtu.be/mYII-JN0sac) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/223d700) ## 관련링크 - [카카오 개발자 도구 - https://developers.kakao.com](https://developers.kakao.com) - [카카오 개발자 도구 - 콘솔 - 앱 목록 - https://developers.kakao.com/console/app](https://developers.kakao.com/console/app) ## 카카오 로그인을 위한 작업 - 앱 추가 => 사업자명에 본인이름 입력 - ![img](https://i.imgur.com/shAXfhL.png) - 카카오 로그인 => 로그인 활성화 - ![img](https://i.imgur.com/JwfOWdS.png) - 카카오 로그인 => REDIRECT URI - ![img](https://i.imgur.com/gVgirJQ.png) - ![img](https://i.imgur.com/CJuWBSB.png) - `http://localhost:8080/login/oauth2/code/kakao` 입력 - ![img](https://i.imgur.com/l9TvdS6.png) - 요약정보 => 앱키 - ![img](https://i.imgur.com/TDlXGIG.png) - REST API 키 복사 - application.yml 에 추가 - ![img](https://i.imgur.com/04cutnI.png) - 참고로 REST API KEY는 누구에게도 노출되어서는 안되는 정보이다. # 49강 - [23 04 02, ken 12190, 49강, 카카오 로그인 완료](https://youtu.be/y0hRcnYEQWw) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4a8049f) # 50강 - [23 04 02, ken 12190, 50강, OAuth 2.0 개요](https://youtu.be/ygQC2EB53PA) ## OAuth 2.0 개요 - [영상 - WEB2 - OAuth 2.0 : 1.수업소개](https://youtu.be/hm2r6LtUbk8&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=1) - [영상 - WEB2 - OAuth 2.0 : 2. 역할](https://youtu.be/vo_0PW3V5zU&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=2) - [영상 - WEB2 - OAuth 2.0 : 3. 등록](https://youtu.be/_mm5ks5aWQ4&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=3) - [영상 - WEB2 - OAuth 2.0 : 4. Resource Owner의 승인](https://youtu.be/UH5XnjkBqKE&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=4) - [영상 - WEB2 - OAuth 2.0 : 5. Resource Server의 승인](https://youtu.be/O0Rx9SRPzs4&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=5) - [영상 - WEB2 - OAuth 2.0 : 6. 액세스 토큰 발급](https://youtu.be/BofCK1oWAyc&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=6) - [영상 - WEB2 - OAuth 2.0 : 7. API 호출](https://youtu.be/Avdyl5FWdwA&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=7) - [영상 - WEB2 - OAuth 2.0 : 8. refresh token](https://youtu.be/9eKIYjcPXp4&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=8) - [영상 - WEB2 - OAuth 2.0 : 9.수업을 마치며](https://youtu.be/XpBf7ZiT_do&list=PLuHgQVnccGMA4guyznDlykFJh28_R08Q-&index=9) # 51강 - [23 04 02, ken 12190, 51강, 카카오 로그인 과정을 간략하게 설명](https://youtu.be/mF-BK7BbCAk) # 52강 - [23 04 02, ken 12190, 52강, 테스트 모드에서는 테스트용 DB 사용하기](https://youtu.be/rg25NcBX9T0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/91295ef) # 53강 - [23 04 02, ken 12190, 53강, GramgramApplication.java](https://youtu.be/66DddEp2T2Q) ```java package com.ll.gramgram; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; import org.springframework.data.jpa.repository.config.EnableJpaAuditing; @SpringBootApplication @EnableJpaAuditing // @EntityListeners(AuditingEntityListener.class) 가 작동하도록 허용 public class GramgramApplication { public static void main(String[] args) { SpringApplication.run(GramgramApplication.class, args); } } ``` # 54강 - [23 04 02, ken 12190, 54강, HomeController.java](https://youtu.be/LL6lOtCpqhw) ```java package com.ll.gramgram.boundedContext.home.controller; import jakarta.servlet.http.HttpSession; import lombok.RequiredArgsConstructor; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.ResponseBody; import java.util.Enumeration; @Controller @RequiredArgsConstructor public class HomeController { @GetMapping("/") public String showMain() { return "usr/home/main"; } @GetMapping("/debugSession") @ResponseBody public String showDebugSession(HttpSession session) { StringBuilder sb = new StringBuilder("Session content:\n"); Enumeration attributeNames = session.getAttributeNames(); while (attributeNames.hasMoreElements()) { String attributeName = attributeNames.nextElement(); Object attributeValue = session.getAttribute(attributeName); sb.append(String.format("%s: %s\n", attributeName, attributeValue)); } return sb.toString().replaceAll("\n", "
"); } } ``` # 55강 - [23 04 02, ken 12190, 55강, AdmHomeController.java](https://youtu.be/-kOAGmYAg6M) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c91189f) ```java package com.ll.gramgram.boundedContext.home.controller; 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.RequestMapping; @Controller @RequiredArgsConstructor @RequestMapping("/adm") public class AdmHomeController { @GetMapping("") @PreAuthorize("hasAuthority('admin')") // admin 권한을 가진 사람만 접근 가능하다는 뜻 public String showMain() { return "adm/home/main"; } } ``` # 56강 - [23 04 02, ken 12190, 56강, MemberController.java](https://youtu.be/DitzVxyDJVM) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d891036) ```java package com.ll.gramgram.boundedContext.member.controller; import com.ll.gramgram.base.rq.Rq; import com.ll.gramgram.base.rsData.RsData; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.service.MemberService; import jakarta.validation.Valid; import jakarta.validation.constraints.NotBlank; import jakarta.validation.constraints.Size; import lombok.AllArgsConstructor; import lombok.Getter; 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; import org.springframework.web.bind.annotation.RequestMapping; @Controller @RequestMapping("/member") // 액션 URL의 공통 접두어 @RequiredArgsConstructor public class MemberController { private final MemberService memberService; private final Rq rq; @PreAuthorize("isAnonymous()") // 오직 로그인 안한 사람만 접근 가능하다. @GetMapping("/join") // 회원가입 폼 public String showJoin() { return "usr/member/join"; } @AllArgsConstructor // @Setter 도 가능, 데이터를 저장할 방편을 마련하기 위해서 @Getter // joinForm.getUsername() 이런 코드 가능하게 public static class JoinForm { @NotBlank // 비어있지 않아야 하고, 공백으로만 이루어 지지도 않아야 한다. @Size(min = 4, max = 30) // 4자 이상, 30자 이하 private final String username; @NotBlank @Size(min = 4, max = 30) private final String password; } @PreAuthorize("isAnonymous()") @PostMapping("/join") public String join(@Valid JoinForm joinForm) { // @Valid 가 없으면 @NotBlank 등이 작동하지 않음, 만약에 유효성 문제가 있다면 즉시 정지 RsData joinRs = memberService.join(joinForm.getUsername(), joinForm.getPassword()); if (joinRs.isFail()) { // 뒤로가기 하고 거기서 메세지 보여줘 return rq.historyBack(joinRs); } // 아래 링크로 리다이렉트(302, 이동) 하고 그 페이지에서 메세지 보여줘 return rq.redirectWithMsg("/member/login", joinRs); } @PreAuthorize("isAnonymous()") @GetMapping("/login") // 로그인 폼, 로그인 폼 처리는 스프링 시큐리티가 구현, 폼 처리시에 CustomUserDetailsService 가 사용됨 public String showLogin() { return "usr/member/login"; } @PreAuthorize("isAuthenticated()") // 로그인 해야만 접속가능 @GetMapping("/me") // 로그인 한 나의 정보 보여주는 페이지 public String showMe() { return "usr/member/me"; } } ``` # 57강 - [23 04 02, ken 12190, 57강, MemberService.java](https://youtu.be/lI0qqriX8o0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/0645e30) ```java package com.ll.gramgram.boundedContext.member.service; import com.ll.gramgram.base.rsData.RsData; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.repository.MemberRepository; import lombok.RequiredArgsConstructor; import org.springframework.security.crypto.password.PasswordEncoder; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; import org.springframework.util.StringUtils; import java.util.Optional; @Service @RequiredArgsConstructor @Transactional(readOnly = true) // 아래 메서드들이 전부 readonly 라는 것을 명시, 나중을 위해 public class MemberService { private final PasswordEncoder passwordEncoder; private final MemberRepository memberRepository; public Optional findByUsername(String username) { return memberRepository.findByUsername(username); } @Transactional // SELECT 이외의 쿼리에 대한 가능성이 아주 조금이라도 있으면 붙인다. // 일반 회원가입(소셜 로그인을 통한 회원가입이 아님) public RsData join(String username, String password) { // "GRAMGRAM" 해당 회원이 일반회원가입으로 인해 생성되었다는걸 나타내기 위해서 return join("GRAMGRAM", username, password); } // 내부 처리함수, 일반회원가입, 소셜로그인을 통한 회원가입(최초 로그인 시 한번만 발생)에서 이 함수를 사용함 private RsData join(String providerTypeCode, String username, String password) { if (findByUsername(username).isPresent()) { return RsData.of("F-1", "해당 아이디(%s)는 이미 사용중입니다.".formatted(username)); } // 소셜 로그인을 통한 회원가입에서는 비번이 없다. if (StringUtils.hasText(password)) password = passwordEncoder.encode(password); Member member = Member .builder() .providerTypeCode(providerTypeCode) .username(username) .password(password) .build(); memberRepository.save(member); return RsData.of("S-1", "회원가입이 완료되었습니다.", member); } // 해당 회원에게 인스타 계정을 연결시킨다. // 1:1 관계 @Transactional public void updateInstaMember(Member member, InstaMember instaMember) { member.setInstaMember(instaMember); memberRepository.save(member); // 여기서 실제로 UPDATE 쿼리 발생 } // 소셜 로그인(카카오, 구글, 네이버) 로그인이 될 때 마다 실행되는 함수 @Transactional public RsData whenSocialLogin(String providerTypeCode, String username) { Optional opMember = findByUsername(username); // username 예시 : KAKAO__1312319038130912, NAVER__1230812300 if (opMember.isPresent()) return RsData.of("S-2", "로그인 되었습니다.", opMember.get()); // 소셜 로그인를 통한 가입시 비번은 없다. return join(providerTypeCode, username, ""); // 최초 로그인 시 딱 한번 실행 } } ``` # 58강 - [23 04 02, ken 12190, 58강, MemberRepository.java](https://youtu.be/6oGsTXgA9-s) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/1534dc7) ```java package com.ll.gramgram.boundedContext.member.repository; import com.ll.gramgram.boundedContext.member.entity.Member; import org.springframework.data.jpa.repository.JpaRepository; import java.util.Optional; // MemberRepository => member 테이블을 다루는 클래스 // JpaRepository => Member == member 테이블, Long == member 의 주키의 타입 public interface MemberRepository extends JpaRepository { Optional findByUsername(String username); } ``` # 59강 - [23 04 02, ken 12190, 59강, Member.java](https://youtu.be/zyZNWb6ZWx4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/7ccee04) ```java package com.ll.gramgram.boundedContext.member.entity; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import jakarta.persistence.*; import lombok.*; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListener; import org.springframework.security.core.GrantedAuthority; import org.springframework.security.core.authority.SimpleGrantedAuthority; import java.time.LocalDateTime; import java.util.ArrayList; import java.util.List; import static jakarta.persistence.GenerationType.IDENTITY; @Builder // Member.builder().providerTypeCode(providerTypeCode) .. 이런식으로 쓸 수 있게 해주는 @NoArgsConstructor // @Builder 붙이면 이거 필수 @AllArgsConstructor // @Builder 붙이면 이거 필수 @EntityListeners(AuditingEntityListener.class) // @CreatedDate, @LastModifiedDate 작동하게 허용 @ToString // 디버그를 위한 @Entity // 아래 클래스는 member 테이블과 대응되고, 아래 클래스의 객체는 테이블의 row와 대응된다. @Getter // 아래 필드에 대해서 전부다 게터를 만든다. private Long id; => public Long getId() { ... } public class Member { @Id @GeneratedValue(strategy = IDENTITY) private Long id; @CreatedDate // 아래 칼럼에는 값이 자동으로 들어간다.(INSERT 할 때) private LocalDateTime createDate; @LastModifiedDate // 아래 칼럼에는 값이 자동으로 들어간다.(UPDATE 할 때 마다) private LocalDateTime modifyDate; private String providerTypeCode; // 일반회원인지, 카카오로 가입한 회원인지, 구글로 가입한 회원인지 @Column(unique = true) private String username; private String password; @OneToOne // 1:1 @Setter // memberService::updateInstaMember 함수 때문에 private InstaMember instaMember; // 이 함수 자체는 만들어야 한다. 스프링 시큐리티 규격 public List getGrantedAuthorities() { List grantedAuthorities = new ArrayList<>(); // 모든 멤버는 member 권한을 가진다. grantedAuthorities.add(new SimpleGrantedAuthority("member")); // username이 admin인 회원은 추가로 admin 권한도 가진다. if ("admin".equals(username)) { grantedAuthorities.add(new SimpleGrantedAuthority("admin")); } return grantedAuthorities; } // 이 회원이 본인의 인스타ID를 등록했는지 안했는지 public boolean hasConnectedInstaMember() { return instaMember != null; } } ``` # 60강 - [23 04 02, ken 12190, 60강, build.gradle](https://youtu.be/i1Bo9TIXdPY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/41c8dd4) ```groovy plugins { id 'java' id 'org.springframework.boot' version '3.0.5' id 'io.spring.dependency-management' version '1.1.0' } group = 'com.ll' version = '0.0.1-SNAPSHOT' sourceCompatibility = '17' configurations { compileOnly { extendsFrom annotationProcessor } } repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springframework.boot:spring-boot-starter-security' // 권한체크, 로그인 폼 처리 implementation 'org.springframework.boot:spring-boot-starter-oauth2-client' // 카카오 로그인, 구글 로그인, 네이버 로그인 implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-validation' implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.thymeleaf.extras:thymeleaf-extras-springsecurity6' compileOnly 'org.projectlombok:lombok' developmentOnly 'org.springframework.boot:spring-boot-devtools' annotationProcessor 'org.projectlombok:lombok' testImplementation 'org.springframework.boot:spring-boot-starter-test' testImplementation 'org.springframework.security:spring-security-test' runtimeOnly 'org.mariadb.jdbc:mariadb-java-client' implementation 'nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect' // 타임리프에서 layout.html 사용하려고 } tasks.named('test') { useJUnitPlatform() } ``` # 61강 - [23 04 02, ken 12190, 61강, application.yml](https://youtu.be/tIPk1bpqZfs) ```yml spring: profiles: active: dev datasource: driver-class-name: org.mariadb.jdbc.Driver url: jdbc:mariadb://127.0.0.1:3306/gram__dev?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul username: root password: security: oauth2: client: registration: kakao: clientId: 0e59d4068f2c83091f3c4511cb557c15 scope: client-name: Kakao authorization-grant-type: authorization_code redirect-uri: http://localhost:8080/login/oauth2/code/kakao client-authentication-method: POST 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 jpa: hibernate: ddl-auto: create properties: hibernate: show_sql: true format_sql: true use_sql_comments: true logging: level: root: INFO com.ll.gramgram_ai: DEBUG org.hibernate.orm.jdbc.bind: TRACE org.hibernate.orm.jdbc.extract: TRACE ``` # 62강 - [23 04 02, ken 12190, 62강, application-test.yml](https://youtu.be/XsVPip3wZIU) ```yml spring: datasource: url: jdbc:mariadb://127.0.0.1:3306/gram__test?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul jpa: hibernate: ddl-auto: create ``` # 63강 - [23 04 02, ken 12190, 63강, layout.html](https://youtu.be/cw0rbsBD7G8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/31edbb7) ```html

메인 로그인 회원가입 내 정보 본인의 인스타그램 정보 입력 호감표시 호감목록 로그아웃

``` # 64강 - [23 04 02, ken 12190, 64강, Rq.java](https://youtu.be/Z12XGv99z1I) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c180248) ```java package com.ll.gramgram.base.rq; import com.ll.gramgram.base.rsData.RsData; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.service.MemberService; import com.ll.gramgram.standard.util.Ut; import jakarta.servlet.http.HttpServletRequest; import jakarta.servlet.http.HttpServletResponse; import jakarta.servlet.http.HttpSession; import org.springframework.security.core.Authentication; import org.springframework.security.core.context.SecurityContextHolder; import org.springframework.security.core.userdetails.User; import org.springframework.stereotype.Component; import org.springframework.web.context.annotation.RequestScope; import java.util.Date; @Component @RequestScope public class Rq { private final MemberService memberService; private final HttpServletRequest req; private final HttpServletResponse resp; private final HttpSession session; private final User user; private Member member = null; // 레이지 로딩, 처음부터 넣지 않고, 요청이 들어올 때 넣는다. public Rq(MemberService memberService, HttpServletRequest req, HttpServletResponse resp, HttpSession session) { this.memberService = memberService; this.req = req; this.resp = resp; this.session = session; // 현재 로그인한 회원의 인증정보를 가져옴 Authentication authentication = SecurityContextHolder.getContext().getAuthentication(); if (authentication.getPrincipal() instanceof User) { this.user = (User) authentication.getPrincipal(); } else { this.user = null; } } // 로그인 되어 있는지 체크 public boolean isLogin() { return user != null; } // 로그아웃 되어 있는지 체크 public boolean isLogout() { return !isLogin(); } // 로그인 된 회원의 객체 public Member getMember() { if (isLogout()) return null; // 데이터가 없는지 체크 if (member == null) { member = memberService.findByUsername(user.getUsername()).orElseThrow(); } return member; } // 뒤로가기 + 메세지 public String historyBack(String msg) { String referer = req.getHeader("referer"); String key = "historyBackErrorMsg___" + referer; req.setAttribute("localStorageKeyAboutHistoryBackErrorMsg", key); req.setAttribute("historyBackErrorMsg", msg); return "common/js"; } // 뒤로가기 + 메세지 public String historyBack(RsData rsData) { return historyBack(rsData.getMsg()); } // 302 + 메세지 public String redirectWithMsg(String url, RsData rsData) { return redirectWithMsg(url, rsData.getMsg()); } // 302 + 메세지 public String redirectWithMsg(String url, String msg) { return "redirect:" + urlWithMsg(url, msg); } private String urlWithMsg(String url, String msg) { // 기존 URL에 혹시 msg 파라미터가 있다면 그것을 지우고 새로 넣는다. return Ut.url.modifyQueryParam(url, "msg", msgWithTtl(msg)); } // 메세지에 ttl 적용 private String msgWithTtl(String msg) { return Ut.url.encode(msg) + ";ttl=" + new Date().getTime(); } } ``` # 65강 - [23 04 02, ken 12190, 65강, RsData.java](https://youtu.be/QrD0iOUMpJc) ```java package com.ll.gramgram.base.rsData; import lombok.AllArgsConstructor; import lombok.Getter; import lombok.Setter; @Getter @Setter @AllArgsConstructor public class RsData { private String resultCode; private String msg; private T data; public static RsData of(String resultCode, String msg, T data) { return new RsData<>(resultCode, msg, data); } public static RsData of(String resultCode, String msg) { return of(resultCode, msg, null); } public static RsData successOf(T data) { return of("S-1", "성공", data); } public static RsData failOf(T data) { return of("F-1", "실패", data); } public boolean isSuccess() { return resultCode.startsWith("S-"); } public boolean isFail() { return isSuccess() == false; } } ``` # 66강 - [23 04 02, ken 12190, 66강, login.html](https://youtu.be/7oESvbYV96k) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/f214fe6) ```html 로그인

카카오로 로그인하기 구글 로그인하기(아직 안됨) 네이버 로그인하기(아직 안됨)

``` # 67강 - [23 04 02, ken 12190, 67강, join.html](https://youtu.be/WxBhZZ5jrt8) ```html 회원가입

``` # 68강 - [23 04 02, ken 12190, 68강, me.html](https://youtu.be/dl9F0i5oPUE) ```html 내 정보

번호 :

이름 :

가입날짜 :

수정날짜 :

``` # 69강 - [23 04 02, ken 12190, 69강, main.html](https://youtu.be/DtBrjX2rLM4) ```html 메인

메인입니다.

``` # 70강 - [23 04 02, ken 12190, 70강, adm/home/main.html](https://youtu.be/JCCRfDFjaLo) ```html 관리자 페이지 ``` # 71강 - [23 04 02, ken 12190, 71강, MemberControllerTests.java](https://youtu.be/SftPUp_8wPo) ```java package com.ll.gramgram.boundedContext.member.controller; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.service.MemberService; import jakarta.servlet.http.HttpSession; 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.core.context.SecurityContext; import org.springframework.security.core.userdetails.User; 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.MvcResult; import org.springframework.test.web.servlet.ResultActions; import org.springframework.transaction.annotation.Transactional; import static org.assertj.core.api.Assertions.assertThat; import static org.hamcrest.Matchers.containsString; import static org.springframework.security.test.web.servlet.request.SecurityMockMvcRequestPostProcessors.csrf; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post; import static org.springframework.test.web.servlet.result.MockMvcResultHandlers.print; import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.*; @SpringBootTest // 스프링부트 관련 컴포넌트 테스트할 때 붙여야 함, Ioc 컨테이너 작동시킴 @AutoConfigureMockMvc // http 요청, 응답 테스트 @Transactional // 실제로 테스트에서 발생한 DB 작업이 영구적으로 적용되지 않도록, test + 트랜잭션 => 자동롤백 @ActiveProfiles("test") // application-test.yml 을 활성화 시킨다. public class MemberControllerTests { @Autowired private MockMvc mvc; @Autowired private MemberService memberService; @Test @DisplayName("회원가입 폼") void t001() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/member/join")) .andDo(print()); // 크게 의미 없고, 그냥 확인용 // THEN resultActions .andExpect(handler().handlerType(MemberController.class)) .andExpect(handler().methodName("showJoin")) .andExpect(status().is2xxSuccessful()) .andExpect(content().string(containsString(""" rsData = instaMemberService.connect(rq.getMember(), connectForm.getUsername(), connectForm.getGender()); if ( rsData.isFail() ) { return rq.historyBack(rsData); } return rq.redirectWithMsg("/likeablePerson/add", "인스타그램 계정이 연결되었습니다."); } } ``` # 73강 - [23 04 02, ken 12190, 73강, InstaMemberService.java](https://youtu.be/4JptFiKE6xU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/7623e66) ```java package com.ll.gramgram.boundedContext.instaMember.service; import com.ll.gramgram.base.rsData.RsData; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import com.ll.gramgram.boundedContext.instaMember.repository.InstaMemberRepository; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.service.MemberService; import lombok.RequiredArgsConstructor; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; import java.util.Optional; @Service @RequiredArgsConstructor @Transactional(readOnly = true) public class InstaMemberService { private final InstaMemberRepository instaMemberRepository; private final MemberService memberService; public Optional findByUsername(String username) { return instaMemberRepository.findByUsername(username); } @Transactional // member : 현재 로그인한 회원 // username : 입력한 본인 인스타 username // gender : 입력한 본인의 성별 public RsData connect(Member member, String username, String gender) { Optional opInstaMember = findByUsername(username); // 혹시 다른 회원이 이미 입력하신 인스타 ID와 연결되었는지 // 등록이 되어있고, 성별이 U가 아니라 if (opInstaMember.isPresent() && !opInstaMember.get().getGender().equals("U")) { // 그러면 실패 return RsData.of("F-1", "해당 인스타그램 아이디는 이미 다른 사용자와 연결되었습니다."); } // RsData instaMemberRsData = findByUsernameOrCreate(username, gender); memberService.updateInstaMember(member, instaMemberRsData.getData()); return instaMemberRsData; } // InstaMember 생성 private RsData create(String username, String gender) { InstaMember instaMember = InstaMember .builder() .username(username) .gender(gender) .build(); instaMemberRepository.save(instaMember); return RsData.of("S-1", "인스타계정이 등록되었습니다.", instaMember); } @Transactional public RsData findByUsernameOrCreate(String username) { Optional opInstaMember = findByUsername(username); if (opInstaMember.isPresent()) return RsData.of("S-2", "인스타계정이 등록되었습니다.", opInstaMember.get()); // 아직 성별을 알 수 없으니, 언노운의 의미로 U 넣음 return create(username, "U"); } @Transactional public RsData findByUsernameOrCreate(String username, String gender) { Optional opInstaMember = findByUsername(username); // 찾았다면 if (opInstaMember.isPresent()) { InstaMember instaMember = opInstaMember.get(); instaMember.setGender(gender); // 성별세팅 instaMemberRepository.save(instaMember); // 저장 // 기존 인스타회원이랑 연결 return RsData.of("S-2", "인스타계정이 등록되었습니다.", instaMember); } // 생성 return create(username, gender); } } ``` # 74강 - [23 04 02, ken 12190, 74강, InstaMemberRepository.java](https://youtu.be/TcvsFPo35sQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3759f08) ```java package com.ll.gramgram.boundedContext.instaMember.repository; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import org.springframework.data.jpa.repository.JpaRepository; import java.util.Optional; public interface InstaMemberRepository extends JpaRepository { Optional findByUsername(String username); } ``` # 75강 - [23 04 02, ken 12190, 75강, InstaMember.java](https://youtu.be/rLfaJ00NJSw) ```java package com.ll.gramgram.boundedContext.instaMember.entity; import jakarta.persistence.*; import lombok.*; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListener; import java.time.LocalDateTime; import static jakarta.persistence.GenerationType.IDENTITY; @Builder @NoArgsConstructor @AllArgsConstructor @EntityListeners(AuditingEntityListener.class) @ToString @Entity @Getter public class InstaMember { @Id @GeneratedValue(strategy = IDENTITY) private Long id; @CreatedDate private LocalDateTime createDate; @LastModifiedDate private LocalDateTime modifyDate; @Column(unique = true) private String username; @Setter private String gender; } ``` # 76강 - [23 04 02, ken 12190, 76강, connect.html](https://youtu.be/aOVrg-Nu4UY) ```html 본인의 인스타그램 정보입력

``` # 77강 - [23 04 02, ken 12190, 77강, InstaMemberControllerTests.java](https://youtu.be/71M2vtk4mmk) ```java package com.ll.gramgram.boundedContext.instaMember.controller; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import com.ll.gramgram.boundedContext.instaMember.service.InstaMemberService; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.service.MemberService; 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 org.springframework.transaction.annotation.Transactional; import static org.assertj.core.api.Assertions.assertThat; import static org.hamcrest.Matchers.containsString; import static org.springframework.security.test.web.servlet.request.SecurityMockMvcRequestPostProcessors.csrf; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post; import static org.springframework.test.web.servlet.result.MockMvcResultHandlers.print; import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.*; @SpringBootTest // 스프링부트 관련 컴포넌트 테스트할 때 붙여야 함, Ioc 컨테이너 작동시킴 @AutoConfigureMockMvc // http 요청, 응답 테스트 @Transactional // 실제로 테스트에서 발생한 DB 작업이 영구적으로 적용되지 않도록, test + 트랜잭션 => 자동롤백 @ActiveProfiles("test") // application-test.yml 을 활성화 시킨다. public class InstaMemberControllerTests { @Autowired private MockMvc mvc; @Autowired private InstaMemberService instaMemberService; @Autowired private MemberService memberService; @Test @DisplayName("인스타회원 정보 입력 폼") @WithUserDetails("user1") void t001() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/instaMember/connect")) .andDo(print()); // THEN resultActions .andExpect(handler().handlerType(InstaMemberController.class)) .andExpect(handler().methodName("showConnect")) .andExpect(status().is2xxSuccessful()) .andExpect(content().string(containsString(""" createRsData = likeablePersonService.like(rq.getMember(), addForm.getUsername(), addForm.getAttractiveTypeCode()); if (createRsData.isFail()) { return rq.historyBack(createRsData); } return rq.redirectWithMsg("/likeablePerson/list", createRsData); } @GetMapping("/list") public String showList(Model model) { InstaMember instaMember = rq.getMember().getInstaMember(); // 인스타인증을 했는지 체크 if (instaMember != null) { List likeablePeople = likeablePersonService.findByFromInstaMemberId(instaMember.getId()); model.addAttribute("likeablePeople", likeablePeople); } return "usr/likeablePerson/list"; } } ``` # 79강 - [23 04 02, ken 12190, 79강, LikeablePersonService.java](https://youtu.be/JVyEXp6hhKs) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/fddfffb) ```java package com.ll.gramgram.boundedContext.likeablePerson.service; import com.ll.gramgram.base.rsData.RsData; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import com.ll.gramgram.boundedContext.instaMember.service.InstaMemberService; import com.ll.gramgram.boundedContext.likeablePerson.entity.LikeablePerson; import com.ll.gramgram.boundedContext.likeablePerson.repository.LikeablePersonRepository; import com.ll.gramgram.boundedContext.member.entity.Member; import lombok.RequiredArgsConstructor; import org.springframework.stereotype.Service; import org.springframework.transaction.annotation.Transactional; import java.util.List; @Service @RequiredArgsConstructor @Transactional(readOnly = true) public class LikeablePersonService { private final LikeablePersonRepository likeablePersonRepository; private final InstaMemberService instaMemberService; @Transactional public RsData like(Member member, String username, int attractiveTypeCode) { if ( member.hasConnectedInstaMember() == false ) { return RsData.of("F-2", "먼저 본인의 인스타그램 아이디를 입력해야 합니다."); } if (member.getInstaMember().getUsername().equals(username)) { return RsData.of("F-1", "본인을 호감상대로 등록할 수 없습니다."); } InstaMember toInstaMember = instaMemberService.findByUsernameOrCreate(username).getData(); LikeablePerson likeablePerson = LikeablePerson .builder() .fromInstaMember(member.getInstaMember()) // 호감을 표시하는 사람의 인스타 멤버 .fromInstaMemberUsername(member.getInstaMember().getUsername()) // 중요하지 않음 .toInstaMember(toInstaMember) // 호감을 받는 사람의 인스타 멤버 .toInstaMemberUsername(toInstaMember.getUsername()) // 중요하지 않음 .attractiveTypeCode(attractiveTypeCode) // 1=외모, 2=능력, 3=성격 .build(); likeablePersonRepository.save(likeablePerson); // 저장 return RsData.of("S-1", "입력하신 인스타유저(%s)를 호감상대로 등록되었습니다.".formatted(username), likeablePerson); } public List findByFromInstaMemberId(Long fromInstaMemberId) { return likeablePersonRepository.findByFromInstaMemberId(fromInstaMemberId); } } ``` # 80강 - [23 04 02, ken 12190, 80강, LikeablePersonRepository.java](https://youtu.be/fr05SJzDkkY) ```java package com.ll.gramgram.boundedContext.likeablePerson.repository; import com.ll.gramgram.boundedContext.likeablePerson.entity.LikeablePerson; import org.springframework.data.jpa.repository.JpaRepository; import java.util.List; public interface LikeablePersonRepository extends JpaRepository { List findByFromInstaMemberId(Long fromInstaMemberId); } ``` # 81강 - [23 04 02, ken 12190, 81강, LikeablePerson.java](https://youtu.be/WDPWlospp38) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/58dabec) ```java package com.ll.gramgram.boundedContext.likeablePerson.entity; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import jakarta.persistence.*; import lombok.*; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListener; import java.time.LocalDateTime; import static jakarta.persistence.GenerationType.IDENTITY; @Builder @NoArgsConstructor @AllArgsConstructor @EntityListeners(AuditingEntityListener.class) @ToString @Entity @Getter public class LikeablePerson { @Id @GeneratedValue(strategy = IDENTITY) private Long id; @CreatedDate private LocalDateTime createDate; @LastModifiedDate private LocalDateTime modifyDate; @ManyToOne private InstaMember fromInstaMember; // 호감을 표시한 사람(인스타 멤버) private String fromInstaMemberUsername; // 혹시 몰라서 기록 @ManyToOne private InstaMember toInstaMember; // 호감을 받은 사람(인스타 멤버) private String toInstaMemberUsername; // 혹시 몰라서 기록 private int attractiveTypeCode; // 매력포인트(1=외모, 2=성격, 3=능력) public String getAttractiveTypeDisplayName() { return switch (attractiveTypeCode) { case 1 -> "외모"; case 2 -> "성격"; default -> "능력"; }; } } ``` # 82강 - [23 04 02, ken 12190, 82강, add.html](https://youtu.be/vg2k_rn_QZs) ```html 당신이 좋아하는 사람이 누군지 알려주세요.

먼저 본인의 인스타그램 아이디를 입력해주세요.

본인의 인스타그램 아이디 입력하기

``` # 83강 - [23 04 02, ken 12190, 83강, list.html](https://youtu.be/k-J6KUfwa7c) ```html 당신이 좋아하는 사람들

먼저 본인의 인스타그램 아이디를 입력해주세요.

본인의 인스타그램 아이디 입력하기

삭제

``` # 84강 - [23 04 02, ken 12190, 84강, LikeablePersonControllerTests.java](https://youtu.be/tSPchVsPtto) ```java package com.ll.gramgram.boundedContext.likeablePerson.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.WithUserDetails; import org.springframework.test.context.ActiveProfiles; import org.springframework.test.web.servlet.MockMvc; import org.springframework.test.web.servlet.ResultActions; import org.springframework.transaction.annotation.Transactional; import static org.hamcrest.Matchers.containsString; import static org.springframework.security.test.web.servlet.request.SecurityMockMvcRequestPostProcessors.csrf; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get; import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post; import static org.springframework.test.web.servlet.result.MockMvcResultHandlers.print; import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.*; @SpringBootTest @AutoConfigureMockMvc @Transactional @ActiveProfiles("test") public class LikeablePersonControllerTests { @Autowired private MockMvc mvc; @Test @DisplayName("등록 폼(인스타 인증을 안해서 폼 대신 메세지)") @WithUserDetails("user1") void t001() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/likeablePerson/add")) .andDo(print()); // THEN resultActions .andExpect(handler().handlerType(LikeablePersonController.class)) .andExpect(handler().methodName("showAdd")) .andExpect(status().is2xxSuccessful()) .andExpect(content().string(containsString(""" 먼저 본인의 인스타그램 아이디를 입력해주세요. """.stripIndent().trim()))) ; } @Test @DisplayName("등록 폼") @WithUserDetails("user2") void t002() throws Exception { // WHEN ResultActions resultActions = mvc .perform(get("/likeablePerson/add")) .andDo(print()); // THEN resultActions .andExpect(handler().handlerType(LikeablePersonController.class)) .andExpect(handler().methodName("showAdd")) .andExpect(status().is2xxSuccessful()) .andExpect(content().string(containsString(""" insta_user4 """.stripIndent().trim()))) .andExpect(content().string(containsString(""" 외모 """.stripIndent().trim()))) .andExpect(content().string(containsString(""" insta_user100 """.stripIndent().trim()))) .andExpect(content().string(containsString(""" 성격 """.stripIndent().trim()))); ; } } ``` # 85강 - [23 04 02, ken 12190, 85강, NotProd.java](https://youtu.be/o8xQYMSyNfw) ```java package com.ll.gramgram.base.initData; import com.ll.gramgram.boundedContext.instaMember.service.InstaMemberService; import com.ll.gramgram.boundedContext.likeablePerson.service.LikeablePersonService; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.service.MemberService; import org.springframework.boot.CommandLineRunner; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.context.annotation.Profile; @Configuration @Profile({"dev", "test"}) public class NotProd { @Bean CommandLineRunner initData( MemberService memberService, InstaMemberService instaMemberService, LikeablePersonService likeablePersonService ) { return args -> { Member memberAdmin = memberService.join("admin", "1234").getData(); Member memberUser1 = memberService.join("user1", "1234").getData(); Member memberUser2 = memberService.join("user2", "1234").getData(); Member memberUser3 = memberService.join("user3", "1234").getData(); Member memberUser4 = memberService.join("user4", "1234").getData(); Member memberUser5ByKakao = memberService.whenSocialLogin("KAKAO", "KAKAO__2731659195").getData(); instaMemberService.connect(memberUser2, "insta_user2", "M"); instaMemberService.connect(memberUser3, "insta_user3", "W"); instaMemberService.connect(memberUser4, "insta_user4", "M"); likeablePersonService.like(memberUser3, "insta_user4", 1); likeablePersonService.like(memberUser3, "insta_user100", 2); }; } } ``` # 86강 - [23 04 02, ken 12190, 86강, common.js](https://youtu.be/NptuEHSKceU) ```js toastr.options = { closeButton: true, debug: false, newestOnTop: true, progressBar: true, positionClass: "toast-top-right", preventDuplicates: false, onclick: null, showDuration: "300", hideDuration: "1000", timeOut: "5000", extendedTimeOut: "1000", showEasing: "swing", hideEasing: "linear", showMethod: "fadeIn", hideMethod: "fadeOut" }; function parseMsg(msg) { const [pureMsg, ttl] = msg.split(";ttl="); const currentJsUnixTimestamp = new Date().getTime(); if (ttl && parseInt(ttl) + 5000 < currentJsUnixTimestamp) { return [pureMsg, false]; } return [pureMsg, true]; } function toastNotice(msg) { const [pureMsg, needToShow] = parseMsg(msg); if (needToShow) { toastr["success"](pureMsg, "알림"); } } function toastWarning(msg) { const [pureMsg, needToShow] = parseMsg(msg); if (needToShow) { toastr["warning"](pureMsg, "경고"); } } ``` # 87강 - [23 04 02, ken 12190, 87강, common.css](https://youtu.be/9AZPQ6SH5JM) ```css @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } html > body { font-family: "GmarketSansMedium"; text-underline-position: under; word-break: keep-all; } ``` # 88강 - [23 04 02, ken 12190, 88강, Ut.java](https://youtu.be/GMEQ1I10vAI) - [URL ENCODE/DECODE ONLINE - https://www.urlencoder.org](https://www.urlencoder.org) ```java package com.ll.gramgram.standard.util; import java.io.UnsupportedEncodingException; import java.net.URLEncoder; public class Ut { public static class url { public static String encode(String str) { try { return URLEncoder.encode(str, "UTF-8"); } catch (UnsupportedEncodingException e) { return str; } } public static String modifyQueryParam(String url, String paramName, String paramValue) { url = deleteQueryParam(url, paramName); url = addQueryParam(url, paramName, paramValue); return url; } public static String addQueryParam(String url, String paramName, String paramValue) { if (url.contains("?") == false) { url += "?"; } if (url.endsWith("?") == false && url.endsWith("&") == false) { url += "&"; } url += paramName + "=" + paramValue; return url; } private static String deleteQueryParam(String url, String paramName) { int startPoint = url.indexOf(paramName + "="); if (startPoint == -1) return url; int endPoint = url.substring(startPoint).indexOf("&"); if (endPoint == -1) { return url.substring(0, startPoint - 1); } String urlAfter = url.substring(startPoint + endPoint + 1); return url.substring(0, startPoint) + urlAfter; } } } ``` # 89강 - [23 04 03, ken 12190, 89강, 강사의 프로젝트로 부터 복사해서 시작하는 방법](https://youtu.be/GOgHaFn2C24) ## DB 세팅 ```sql DROP DATABASE IF EXISTS gram__dev; CREATE DATABASE gram__dev; USE gram__dev; DROP DATABASE IF EXISTS gram__test; CREATE DATABASE gram__test; USE gram__test; ``` ## 프로젝트 UI 세팅 - NEW UI - ![img](https://i.imgur.com/tUYs0V0.png) - 인텔리제이 리스타트 ## 프로젝트 클론 - ![img](https://i.imgur.com/zzd9Qwy.png) - ![img](https://i.imgur.com/Wdr8BW7.png) - 주소 : [https://github.com/jhs512/gramgram_a1__23_03_29](https://github.com/jhs512/gramgram_a1__23_03_29) - ![img](https://i.imgur.com/kzn9Dhh.png) - ![img](https://i.imgur.com/KM5uGtn.png) - ![img](https://i.imgur.com/ZhCbf9P.png) - ![img](https://i.imgur.com/BIvjF1T.png) - ![img](https://i.imgur.com/QIln7tJ.png) - ![img](https://i.imgur.com/6MYZ0Se.png) - ![img](https://i.imgur.com/GajwTl8.png) ## 터미널 열고 ``` git fetch origin git checkout -f start rm -rf .git ``` ## application.yml 에서 DB 접속정보 변경 - ![img](https://i.imgur.com/0leE7mF.png) ## 프로젝트 실행 - ![img](https://i.imgur.com/ruoJecz.png) ## 테스트 실행 - ![img](https://i.imgur.com/deT6Q7Y.png) ## 브라우저에서 확인 - ![img](https://i.imgur.com/rwDnLsC.png) - [http://localhost:8080/member/login](http://localhost:8080/member/login) # 90강 - [23 04 03, ken 12190, 90강, 강사의 카카오 어플리케이션을 사용하지 않고 본인의 것을 사용하기](https://youtu.be/PYXQCgTWzGs) ## 카카오 어플리케이션 추가 - [카카오 어플리케이션 추가하는 방법 - https://slog.gg/p/12190#48강](https://slog.gg/p/12190#48강) ## 새 앱을 생성한 후, 새 앱키를 저장한다.(기존 앱키(강사의 것) 제거 - ![img](https://i.imgur.com/c3Ts920.png) ```yml spring: profiles: active: dev datasource: driver-class-name: org.mariadb.jdbc.Driver url: jdbc:mariadb://127.0.0.1:3306/gram__dev?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul username: root password: security: oauth2: client: registration: kakao: clientId: 여기에 새 앱키를 넣어주세요. scope: client-name: Kakao authorization-grant-type: authorization_code redirect-uri: http://localhost:8080/login/oauth2/code/kakao client-authentication-method: POST 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 jpa: hibernate: ddl-auto: create properties: hibernate: show_sql: true format_sql: true use_sql_comments: true logging: level: root: INFO com.ll.gramgram_ai: DEBUG org.hibernate.orm.jdbc.bind: TRACE org.hibernate.orm.jdbc.extract: TRACE ``` ## 카카오 로그인을 진행하면 처음 로그인시 아래와 같은 회원가입 화면이 나온다. - ![img](https://i.imgur.com/iLUI2pC.png) ## DB 에서 확인해보면 새 카카오 회원이 생성되어 있다. 새 회원의 username 확인 ```sql SELECT username FROM `member` WHERE provider_type_code = 'KAKAO' ORDER BY id DESC LIMIT 1; ``` ## ddl-auto 가 create 이기 때문에, 이 상태(카카오 로그인 한 상태)에서 소스코드를 조금이라도 바꾸면, 회원가입이 최소된다. 그것을 방지하기 위한 작업 - ![img](https://i.imgur.com/lFXcl3t.png) ```java package com.ll.gramgram.base.initData; import com.ll.gramgram.boundedContext.instaMember.service.InstaMemberService; import com.ll.gramgram.boundedContext.likeablePerson.service.LikeablePersonService; import com.ll.gramgram.boundedContext.member.entity.Member; import com.ll.gramgram.boundedContext.member.service.MemberService; import org.springframework.boot.CommandLineRunner; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.context.annotation.Profile; @Configuration @Profile({"dev", "test"}) public class NotProd { @Bean CommandLineRunner initData( MemberService memberService, InstaMemberService instaMemberService, LikeablePersonService likeablePersonService ) { return args -> { Member memberAdmin = memberService.join("admin", "1234").getData(); Member memberUser1 = memberService.join("user1", "1234").getData(); Member memberUser2 = memberService.join("user2", "1234").getData(); Member memberUser3 = memberService.join("user3", "1234").getData(); Member memberUser4 = memberService.join("user4", "1234").getData(); Member memberUser5ByKakao = memberService.whenSocialLogin("KAKAO", "이 부분에 여러분의 카카오 계정을 로그인으로 인해 발생한 회원의 username 을 적는다. 그래야 카카오 로그인이 정상적으로 유지됨, 이게 다 ddl-auto 가 create 라서 그렇습니다.").getData(); instaMemberService.connect(memberUser2, "insta_user2", "M"); instaMemberService.connect(memberUser3, "insta_user3", "W"); instaMemberService.connect(memberUser4, "insta_user4", "M"); likeablePersonService.like(memberUser3, "insta_user4", 1); likeablePersonService.like(memberUser3, "insta_user100", 2); }; } } ``` # 91강 - [23 04 03, ken 12190, 91강, 카카오 로그인 후 소스코드를 조금만 수정해도 오류가 뜨는 이유와 고치는 방법](https://youtu.be/IMHn7w2U0RY) ## 세션키(쿠키)를 제거하여 강제 로그아웃 하는 방법 - ![img](https://i.imgur.com/6qn7vIE.png) - 오류발생 - ![img](https://i.imgur.com/dn9V78g.png) - 화면에서 우클릭 - ![img](https://i.imgur.com/6CDg5FB.png) - DELETE 키 눌러서 삭제 - 이후 새로고침 # 92강 - [23 04 03, ken 12190, 92강, 따로 컨트롤러 작업을 하지 않았는데, /oauth2/authorization/kakao URL 이 작동하는 이유](https://youtu.be/R1wS0C2Xbdw) # 93강 - [23 04 03, ken 12190, 93강, 흐름설명, 회원가입 후 본인 인스타ID 등록 후 호감표시하는 2가지 케이스](https://youtu.be/kNCPKlrRjJ0) # 94강 - [23 04 03, ken 12190, 94강, 흐름설명, 회원가입 후 본인 인스타ID 등록 하는 2가지 케이스](https://youtu.be/RP9sxuRxR6c) # 95강 - [23 04 03, ken 12190, 95강, 흐름설명, 회원가입을 하는 2가지 케이스](https://youtu.be/Olvv03Zijj8) # 96강 - [23 04 06, ken 12190, 96강, Week1 브랜치로 변경, 기존 버그들 수정](https://youtu.be/jvPxnqLvWf8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d1ce5f9) # 97강 - [23 04 06, ken 12190, 97강, 호감취소를 위한 테스트케이스](https://youtu.be/KqkcMHN710k) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3ac4c30) # 98강 - [23 04 06, ken 12190, 98강, 호감취소 구현, 컨트롤러에서 유효성 및 권한 체크](https://youtu.be/sd-vbzfiusM) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/47110fc) # 99강 - [23 04 06, ken 12190, 99강, 호감취소 구현, 서비스에서 유효성 및 권한 체크](https://youtu.be/LUtjwecM8-g) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/e0d5ba1) # 100강 - [23 04 06, ken 12190, 100강, 호감취소 구현, 컨트롤러에서 서비스를 이용해서 권한 체크](https://youtu.be/hfKkZ66gmZI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4154804) # 101강 - [23 04 06, ken 12190, 101강, 호감취소 요청을 GET 방식에서 POST 방식으로 변경](https://youtu.be/5iSkD9dpei0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4750870) ## 요청 변경사항 - 기존 : GET /likeablePerson/delete/1 - 변경 : POST /likeablePerson/delete/1 - CSRF 공격에 방어할 수 있다. # 102강 - [23 04 06, ken 12190, 102강, 호감취소 요청을 POST 방식에서 DELETE 방식으로 변경, 덕분에 URL도 줄임](https://youtu.be/a1Jf4tLkjvc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/f0c6cd7) ## application.yml 에서 spring.mvc.hiddenmethod.filter.enabled=true 적용하여 폼에서 DELETE, PATCH, PUT 와 같은 메서드도 사용할 수 있도록 활성화 ```yml spring: mvc: hiddenmethod: filter: enabled: true profiles: active: dev ``` ## 요청 변경사항 - 변경 : POST /likeablePerson/delete/1 - 변경 : DELETE /likeablePerson/1 - 삭제 URL에서 `delete/` 부분을 제거해도 된다. - 원래라면 폼으로는 GET 과 POST 요청만 가능하다. 스프링부트에서 hiddenmethod 라는 꼼수기술을 활성화 해서 처리됨 ## 요청 변경사항 - GET /likeablePerson/delete/1 # 103강 - [23 04 06, ken 12190, 103강, application.yml 에서 공개하기 힘든 파일을 application-secret.yml 로 옮김, .gitignore 작업](https://youtu.be/T9XM2HjSVP4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/bf8a1ea) ## application-secret.yml 이 파일은 .gitignore 파일에 추가되었습니다. ``` ... ### Custom ### application-secret.yml ``` ## application-secret.yml 내용, 이 파일은 github에 업로드 되지 않습니다. 즉 git 에서 앞으로 이 파일은 철저히 무시합니다. - 그렇기 때문에 팀원들과 작업할 때 이 파일은 팀원들간에 내부적으로 공유되어야 합니다. - 왜냐하면 이 파일이 없으면 프로젝트를 실행해 볼 수 없기 때문입니다. ```yml spring: security: oauth2: client: registration: kakao: clientId: 0e59d4068f2c83091f3c4511cb557c15 ``` # 104강 - [23 04 06, ken 12190, 104강, 새로 클론된 상황에서 application-secret.yml 파일을 쉽게 만들 수 있는 템플릿을 추가한다.](https://youtu.be/dUTsocBp6ro) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/a31c09d) ## 이제 클론이 되면 다음과 같이 진행한다. - 우리팀에 새로운 신입이 들어왔다. - 그 신입이 본인의 자리에서 프로젝트 실행환경을 세팅해야 한다고 가정 - 일단 클론을 한다. - `application-secret.yml.default` 파일의 이름을 `application-secret.yml` 로 변경한다. - 팀원에게 해당파일에 들어갈 각종 키 정보를 물어봐서 채운다. - 프로젝트를 실행한다. # 105강 - [23 04 06, ken 12190, 105강, 이미 노출된 키는 개발자 콘솔에서 앱을 재생성 하거나, 해당키를 재발급 받아서 기존키를 만료시켜야 함](https://youtu.be/KrUPIgfUL4E) # 106강 - [23 04 06, ken 12190, 106강, 구글 로그인](https://youtu.be/Pn4ZgGVVY1E) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d7d9e8e) ## 관련링크 - [구글 프로젝트 - 모든 관리 - https://console.cloud.google.com/cloud-resource-manager](https://console.cloud.google.com/cloud-resource-manager) - 여기서 프로젝트 삭제, 생성이 가능 - [구글 프로젝트 - 대시보드 - https://console.cloud.google.com/home/dashboard](https://console.cloud.google.com/home/dashboard) - 여기서 프로젝트에 대한 추가적인 설정이 가능 ## 구글 로그인을 구현했지만, 구글 관련 키는 git에 올라오지 않은 이유 - application.yml 에 구글 관련 키를 추가하지 않았다. - 그러면 구글로그인이 작동하지 않는게 정상이다. - 하지만 spring.profiles.include 를 이용해서 자동으로 application-secret.yml 이 읽혀지도록 했다. - 그런데 application-secret.yml 은 .gitignore 에 추가되었다. - 즉 application-secret.yml 은 로컬에서 작동은 되지만, git 에는 추가되지 않는다. - 이제 민감한 정보는 application-secret.yml 에 추가하면 된다. - 현재 구글 관련 키는 application-secret.yml 에 적혀있다. - 만약 똑같은 내용이 application.yml 과 application-secret.yml 에 동시에 적혀있다면 application-secret.yml 에 적힌 내용이 우선시된다. # 107강 - [23 04 06, ken 12190, 107강, rq.historyBack 가 실행되면 200 이 아니라 400 으로 설정, 호감취소 관련 테스트케이스 추가](https://youtu.be/Gfz7n0oYUuA) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d67bd11) ## 설명 - 실제로 응답 상태코드가 200 이던 400 이던 브라우저에서 유의미한 차이는 없다. - 다만 이번 작업은 이왕이면 HTTP 표준에 맞추기 위한 노력이었다. - 2xx : 정상종료 - 3xx : 정상종료(응답 본문 없음, 대신 브라우저가 자동으로 그 즉시 이동되어야할 주소를 응답) - 4xx : 오류(고객 잘못) - 5xx : 오류(서버 잘못) # 108강 - [23 04 06, ken 12190, 108강, 내가 좋아하는 사람의 명단을 쉽게 얻을 수 있도록 OneToMany 도입하여 양항뱡 관계 맺기](https://youtu.be/qoGtWfWiSV4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/5a9027b) # 109강 - [23 04 06, ken 12190, 109강, 나를 좋아하는 사람의 명단을 쉽게 얻을 수 있도록 OneToMany 도입하여 양항뱡 관계 맺기](https://youtu.be/lTLSRGU13gI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/6c19117) # 110강 - [23 04 06, ken 12190, 110강, 양방향의 부작용을 해결하기 위한 작업, @ToString, hasConnectedInstaMember](https://youtu.be/69lgfejk8UY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/65d21f9) ## 양방향 정리, 양방향 관계를 맺으면 객체가 생성되었을 경우 이해당사자 모두에게 알려야합니다. - 이렇게 안해도 크게 문제가 생기지는 않지만, 테스트케이스에서 문제가 가끔 생길 수 있습니다. - 예를들어 NotProd.java 에서 호감표시를 했는데, 그게 테스트케이스에서 그 사실을 확인할 수 없는 경우가 생긴다. ## LikeablePerson.java ```java package com.ll.gramgram.boundedContext.likeablePerson.entity; import com.ll.gramgram.boundedContext.instaMember.entity.InstaMember; import jakarta.persistence.*; import lombok.*; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListener; import java.time.LocalDateTime; import static jakarta.persistence.GenerationType.IDENTITY; @Builder @NoArgsConstructor @AllArgsConstructor @EntityListeners(AuditingEntityListener.class) @ToString @Entity @Getter public class LikeablePerson { @Id @GeneratedValue(strategy = IDENTITY) private Long id; @CreatedDate private LocalDateTime createDate; @LastModifiedDate private LocalDateTime modifyDate; @ManyToOne @ToString.Exclude // 양방향을 걸면, 여기에 달아주는게 보통이다. 이렇게 해야 무한재귀가 실행되지 않는다. private InstaMember fromInstaMember; // 호감을 표시한 사람(인스타 멤버) private String fromInstaMemberUsername; // 혹시 몰라서 기록 @ManyToOne @ToString.Exclude // 양방향을 걸면, 여기에 달아주는게 보통이다. 이렇게 해야 무한재귀가 실행되지 않는다. private InstaMember toInstaMember; // 호감을 받은 사람(인스타 멤버) private String toInstaMemberUsername; // 혹시 몰라서 기록 private int attractiveTypeCode; // 매력포인트(1=외모, 2=성격, 3=능력) public String getAttractiveTypeDisplayName() { return switch (attractiveTypeCode) { case 1 -> "외모"; case 2 -> "성격"; default -> "능력"; }; } } ``` ## InstaMember.java ```java package com.ll.gramgram.boundedContext.instaMember.entity; import com.ll.gramgram.boundedContext.likeablePerson.entity.LikeablePerson; import jakarta.persistence.*; import lombok.*; import org.hibernate.annotations.LazyCollection; import org.hibernate.annotations.LazyCollectionOption; import org.springframework.data.annotation.CreatedDate; import org.springframework.data.annotation.LastModifiedDate; import org.springframework.data.jpa.domain.support.AuditingEntityListener; import java.time.LocalDateTime; import java.util.ArrayList; import java.util.List; import static jakarta.persistence.GenerationType.IDENTITY; @Builder @NoArgsConstructor @AllArgsConstructor @EntityListeners(AuditingEntityListener.class) @ToString @Entity @Getter public class InstaMember { @Id @GeneratedValue(strategy = IDENTITY) private Long id; @CreatedDate private LocalDateTime createDate; @LastModifiedDate private LocalDateTime modifyDate; @Column(unique = true) private String username; @Setter private String gender; @OneToMany(mappedBy = "fromInstaMember", cascade = {CascadeType.ALL}) @OrderBy("id desc") // 정렬 @LazyCollection(LazyCollectionOption.EXTRA) @Builder.Default // @Builder 가 있으면 ` = new ArrayList<>();` 가 작동하지 않는다. 그래서 이걸 붙여야 한다. private List fromLikeablePeople = new ArrayList<>(); @OneToMany(mappedBy = "toInstaMember", cascade = {CascadeType.ALL}) @OrderBy("id desc") // 정렬 @LazyCollection(LazyCollectionOption.EXTRA) @Builder.Default // @Builder 가 있으면 ` = new ArrayList<>();` 가 작동하지 않는다. 그래서 이걸 붙여야 한다. private List toLikeablePeople = new ArrayList<>(); public void addFromLikeablePerson(LikeablePerson likeablePerson) { fromLikeablePeople.add(0, likeablePerson); // @OrderBy("id desc") 때문에 앞으로 넣는다. } public void addToLikeablePerson(LikeablePerson likeablePerson) { toLikeablePeople.add(0, likeablePerson); // @OrderBy("id desc") 때문에 앞으로 넣는다. } } ``` ## 양방향 관계맺기, LikeablePersonService::like 메서드 ```java InstaMember fromInstaMember = member.getInstaMember(); InstaMember toInstaMember = instaMemberService.findByUsernameOrCreate(username).getData(); LikeablePerson likeablePerson = LikeablePerson .builder() .fromInstaMember(fromInstaMember) // 호감을 표시하는 사람의 인스타 멤버 .fromInstaMemberUsername(member.getInstaMember().getUsername()) // 중요하지 않음 .toInstaMember(toInstaMember) // 호감을 받는 사람의 인스타 멤버 .toInstaMemberUsername(toInstaMember.getUsername()) // 중요하지 않음 .attractiveTypeCode(attractiveTypeCode) // 1=외모, 2=능력, 3=성격 .build(); likeablePersonRepository.save(likeablePerson); // 저장 // 너가 좋아하는 호감표시 생겼어. fromInstaMember.addFromLikeablePerson(likeablePerson); // 너를 좋아하는 호감표시 생겼어. toInstaMember.addToLikeablePerson(likeablePerson); ``` # 111강 - [23 04 07, ken 12190, 111강, 1Week 의 작업을 끝내고 main 으로 병합, PR, PR MERGE](https://youtu.be/2e3bqbKGXNI) ## GIT 명령어 - git checkout -b Test - 위 명령어는 아래 2개 명령어를 연달아 실행한 것과 같다. - git checkout Test - git branch Test ## 시험 진행 시나리오 ### 1주차 작업 준비 - 새 리포지터리 생성 - 새 프로젝트 생성 - 프로젝트와 리포지터리 연결 - on main : 강사의 시작코드를 복사해 온다. - [시작소스코드 - https://github.com/jhs512/gramgram_a1__23_03_29/tree/start](https://github.com/jhs512/gramgram_a1__23_03_29/tree/start) - [시작소스코드 다운로드 - https://github.com/jhs512/gramgram_a1__23_03_29/archive/refs/heads/start.zip](https://github.com/jhs512/gramgram_a1__23_03_29/archive/refs/heads/start.zip) - on main : git add . - on main : git commit -m "시작소스코드" - on main : git push origin main ### 1주차 작업 - on main : git checkout -b 1Week - 1Week 브랜치 생성 및 이동 - on 1Week : 1주차, 필수미션, 선택미션 수행(커밋이 다수 발생됨) ### 1주차 작업 제출(PR 생성, Merge) - on 1Week : git push origin 1Week - on github : PR(main <= 1Week) 생성 - on github : PR(main <= 1Week) merge - on 1Week : git checkout main - on main : git pull origin main # 112강 - [23 04 07, ken 12190, 112강, 1Week 리팩토링 후(1WeekFix) 2주차 시험 진행하는 방법](https://youtu.be/wcupSaeFKjY) ## 시험 진행 시나리오 ### 1주차 작업에 대한 리팩토링 - on main : git checkout -b 1WeekFix - on 1WeekFix : 리팩토링 수행(커밋이 다수 발생됨) ### 1주차 작업 리팩토링 제출(PR 생성, Merge) - on 1WeekFix : git push origin 1WeekFix - on github : PR(main <= 1WeekFix) 생성 - on github : PR(main <= 1WeekFix) merge - on 1WeekFix : git checkout main - on main : git pull origin main ### 2주차 작업 - on main : git checkout -b 2Week - 2Week 브랜치 생성 및 이동 - on 2Week : 2주차, 필수미션, 선택미션 수행(커밋이 다수 발생됨) - 이후 과정은 반복됨 # 113강 - [23 04 07, ken 12190, 113강, rq.historyBackMsg 함수 기능강화](https://youtu.be/hF0_5Puu4aw) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3e18641) # 114강 - [23 04 07, ken 12190, 114강, 호감취소 관련 설명, 호감취소 관련 변수명 정리](https://youtu.be/CUmo36LXtH8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c6bd2b3) # 115강 - [23 04 07, ken 12190, 115강, 양방향 관계를 맺은 객체(InstaMember)를 JSON 화 하다가 오류가 발생, 호감표시 페이지 안되는 버그 수정](https://youtu.be/HaFUkBTuPzY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/7434df1) # 116강 - [23 04 07, ken 12190, 116강, 1WeekFix(리팩토링) 을 마치고 다시 main 에 병합, PR, MERGE, 여기까지하면 2주차 시험 준비 끝](https://youtu.be/QinNC9ucdVo) # 117강 - [23 04 10, ken 12190, 117강, @ToString.Exclude 를 사용한 이유](https://youtu.be/aeYtCnUmW7A) ```java package com.ll.gramgram.boundedContext.home.controller; ... @Controller @RequiredArgsConstructor public class HomeController { ... @GetMapping("/toStringTest") @ResponseBody public String showToStringTest() { Teacher teacher = new Teacher(); teacher.age = 45; teacher.name = "David"; Student student = new Student(); student.age = 17; student.name = "폴"; student.teacher = teacher; // 이 학생의 담당 선생님 세팅 // 이 선생의 학급 학생 등록 // 아래 클래스에 @ToString.Exclude 가 없으면 무한참조에 의한 오류발생 teacher.addStudent(student); System.out.println(student); return "메롱"; } } @ToString class Teacher { @ToString.Exclude // 여기에만 있어도 되고 public List students = new ArrayList<>(); public int age; public String name; public void addStudent(Student student) { students.add(student); } } @ToString class Student { @ToString.Exclude // 여기에만 있어도 된다. public Teacher teacher; public int age; public String name; } ``` # 118강 - [23 04 10, ken 12190, 118강, @LazyCollection(LazyCollectionOption.EXTRA) 를 사용한 이유](https://youtu.be/i6HncLBjdb4) # 119강 - [23 04 10, ken 12190, 119강, RsData 와 RsData＜Member＞의 차이](https://youtu.be/0e6DxkF9CNs) # 120강 - [23 04 11, ken 12190, 120강, 2Week 브랜치 시작, LikeablePersonServiceTests 클래스 추가](https://youtu.be/Yh3xZeY1VEc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/eba8dce) # 121강 - [23 04 11, ken 12190, 121강, insta_user3 인스타회원이 이미 누군가에게 호감표시를 했는지 체크하는 코드 구현](https://youtu.be/jYLRkeUch7o) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/f208392) # 122강 - [23 04 12, ken 12190, 122강, 자바에서 application.yml 안에 있는 내용에 접근하는 방법, AppConfig](https://youtu.be/bn7yX-GpKaU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/0c42c77) # 123강 - [23 04 12, ken 12190, 123강, JPA 함수에서 언더바(\_)를 사용하여 관련 엔티티의 필드까지 검색조건으로 활용](https://youtu.be/1mPDmDbezxI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4456a6f) # 124강 - [23 04 12, ken 12190, 124강, 좋아요 취소할 때, 좋아요를 누른사람과 좋아요를 받은사람에게도 그 사실을 알려서 조치를 취하도록](https://youtu.be/sDVb2ZXixes) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/cde7f50) # 125강 - [23 04 12, ken 12190, 125강, BaseEntity 클래스 추가하여, 모든 엔티티들이 가져야할 기본적인 필드에 대한 중복제거](https://youtu.be/FowLoLLx23w) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8016747) # 126강 - [23 04 12, ken 12190, 126강, 중복호감표시 금지, 10명을 넘어선 호감표시 금지](https://youtu.be/_sOVvtm9ucs) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3a6b401) # 127강 - [23 04 12, ken 12190, 127강, 중복호감표시이지만 기존과 사유가 다르면 수정으로 처리](https://youtu.be/VstY7Byp9y4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8cf43b8) # 128강 - [23 04 12, ken 12190, 128강, 컨트롤러의 로직을 서비스 안쪽으로 옮김, 꼭 이렇게 해야하는 건 아니지만 장점이 있음](https://youtu.be/Hmughbh3DhY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c1b7812) # 129강 - [23 04 12, ken 12190, 129강, 네이버 로그인 연동](https://youtu.be/7QOC-Ke3TUw) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/644d46e) ## 관련링크 - [네이버 개발자 도구 - https://developers.naver.com/main](https://developers.naver.com/main) - [네이버 개발자 도구 - Application - 목록 - https://developers.naver.com/apps/#/list](https://developers.naver.com/apps/#/list) ## 네이버 로그인을 위한 작업 - 내 애플리케이션 => 애플리케이션 등록 - ![img](https://i.imgur.com/Lt3pMIY.png) - 애플리케이션 이름과 사용 API - ![img](https://i.imgur.com/ant8vGr.png) - 로그인 오픈 API 서비스 환경 - ![img](https://i.imgur.com/YxIu7n2.png) - 서비스 URL, 네이버 로그인 Callback URL - ![img](https://i.imgur.com/440uOlX.png) - `http://localhost` 입력 - `http://localhost:8080/login/oauth2/code/naver` 입력 - ClientId, ClientSecret 정보 복사 - ![img](https://i.imgur.com/3ULjug6.png) - application-secret.yml 에 적용 ## application.secret ```yml spring: security: oauth2: client: registration: naver: clientId: 네이버 클라이언트 ID client-secret: 네이버 클라이언트 시크릿 kakao: clientId: 카카오 클라이언트 ID google: clientId: 구글 클라이언트 ID client-secret: 구글 클라이언트 시크릿 ``` # 130강 - [23 04 13, ken 12190, 130강, 이미 호감상대가 10명인 상태에서 기존 호감상대의 사유만 수정하는게 안되던 버그 수정, input에 autocomplete 제거](https://youtu.be/FcKD6NafwVQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c7881bb) # 131강 - [23 04 13, ken 12190, 131강, QueryDSL 도입, .gitignore 에 src/main/generated 추가해야 함, 그래야 Q 클래스들이 깃헙에 공유안됨](https://youtu.be/-8eaf-fE_yo) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/19a6266) ## Q 클래스 - QueryDSL 을 사용하면 src/main/generated 에 Q 클래스들이 자동으로 생성됩니다. - Q 클래스는 여러분이 QueryDSL 으로 쿼리문을 기술할 때 사용하게 됩니다. - 이 부분은 크게 QueryDSL 이 관리하는 부분이기 때문에 신경쓰지 않으셔도 됩니다. ## .gitignore ``` HELP.md .gradle build/ !gradle/wrapper/gradle-wrapper.jar !**/src/main/**/build/ !**/src/test/**/build/ ### STS ### .apt_generated .classpath .factorypath .project .settings .springBeans .sts4-cache bin/ !**/src/main/**/bin/ !**/src/test/**/bin/ ### IntelliJ IDEA ### .idea *.iws *.iml *.ipr out/ !**/src/main/**/out/ !**/src/test/**/out/ ### NetBeans ### /nbproject/private/ /nbbuild/ /dist/ /nbdist/ /.nb-gradle/ ### VS Code ### .vscode/ ### Custom ### application-secret.yml src/main/generated # 추가해야 합니다. Q 클래스들은 자동으로 생성됩니다. 그 부분은 신경쓰지 마세요. ``` # 132강 - [23 04 14, ken 12190, 132강, QueryDSL은 정말 복잡한 SELECT 문이 필요할 때 사용, 일반 SQL이 아니라 JPQL을 기반으로 작성해야함](https://youtu.be/FoGHrD25wGE) # 133강 - [23 04 14, ken 12190, 133강, 컨트롤러에서 브레이크 포인트를 잡고 디버그 실행 중에 추가로 서비스에 브레이크 포인트 잡는 스킬, 디버깅 잘 안될 때 참고하세요.](https://youtu.be/-d2aInWsNoQ) # 134강 - [23 04 14, ken 12190, 134강, 호감표시에 관련된 권한체크 부분, 다시 설명](https://youtu.be/bSYuJliODUA) # 135강 - [23 04 14, ken 12190, 135강, 네이버 로그인에서 사용자의 id 부분만 깔끔하게 얻어오는 방법, 다시 설명](https://youtu.be/Id4iweuLX6M) # 136강 - [23 04 14, ken 12190, 136강, HTTP 요청을 받고 응답을 하는 동안 하나의 DB 커넥션이 생성되고 하나의 영속성 컨텍스트가 생성된다. 응답 후에는 둘다 사라짐](https://youtu.be/9tAg0GjN060) # 137강 - [23 04 14, ken 12190, 137강, 마음(DB)으로 부터 일부 데이터들이 복사되어 몸(영속성 컨텍스트)이 되고, 그럴때마다 기존 몸은 매번 버려진다.](https://youtu.be/PNL8EQTnX5g) ## DB와 영속성 컨텍스트 비교 | 항목 | DB | 영속성 컨텍스트 | | --- | --- | --- | | 사람에 비유 | 마음 | 몸(매 순간 마음의 상태로 부터 생성되고, 기존 몸의 구성부분은 대체됨) | | 전체성 | 전체 데이터가 있다. | 부분적인 데이터만 존재 | | 양방향 관계 | 칼럼에 스칼라값만 저장이 가능하기 때문에 불가능 | 가능 | | 영속성 | 영속 | 비영속(매 HTTP 요청마다 생성되고 버려짐) | # 138강 - [23 04 20, ken 12190, 138강, 2Week 의 작업을 끝내고 main 으로 병합, PR, PR MERGE](https://youtu.be/sb8KmnVd05Q) ### 2주차 작업 제출(PR 생성, Merge) - on 2Week : git push origin 2Week - on github : PR(main <= 2Week) 생성 - on github : PR(main <= 2Week) merge - on 2Week : git checkout main - on main : git pull origin main # 139강 - [23 04 20, ken 12190, 139강, add 를 like 로 명칭변경](https://youtu.be/ylSZeRSwSHk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/2b0fae5) # 140강 - [23 04 20, ken 12190, 140강, delete 를 cancel 로 명칭변경](https://youtu.be/iKu0PvduM9M) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4751cbd) # 141강 - [23 04 21, ken 12190, 141강, 서비스에서도 delete 를 cancel 로 명칭변경](https://youtu.be/WzrYEw4HSXA) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/40ad3dd) # 142강 - [23 04 21, ken 12190, 142강, 한 회원은 호감표시 할 수 있는 최대 인원관련 테스트의 하드코딩 제거](https://youtu.be/8xa-zzVsxZs) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/79e0299) # 143강 - [23 04 21, ken 12190, 143강, 레이아웃 꾸미기](https://youtu.be/SWvPb1Ver-c) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8429d97) - [CODEPEN - 참고 소스코드](https://codepen.io/jangka44/pen/WNaxvrr) - [프론트 - 그램그램 UI - slog.gg/p/12210](https://slog.gg/p/12210) # 144강 - [23 04 21, ken 12190, 144강, layout:title-pattern 적용](https://youtu.be/hat3Ec3u-Cs) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/7a7cff7) # 145강 - [23 04 21, ken 12190, 145강, 메인페이지 꾸미기, 기타 자잘한 수정](https://youtu.be/OObR6FBdr3Q) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/b34657c) # 146강 - [23 04 21, ken 12190, 146강, 로그인 페이지 꾸미기](https://youtu.be/fpsQDvxkMY0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/de15311) - [CODEPEN - 참고 소스코드](https://codepen.io/jangka44/pen/ExdjpVg) - [프론트 - 그램그램 UI - slog.gg/p/12210](https://slog.gg/p/12210) # 147강 - [23 04 21, ken 12190, 147강, 회원가입 페이지 꾸미기](https://youtu.be/TnvmijS8c4M) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/490c36e) - [CODEPEN - 참고 소스코드](https://codepen.io/jangka44/pen/ExdjpVg) - [프론트 - 그램그램 UI - slog.gg/p/12210](https://slog.gg/p/12210) # 148강 - [23 04 21, ken 12190, 148강, 인스타 아이디 입력 페이지 꾸미기](https://youtu.be/2gY9aL7rZHI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/9edafb4) - [CODEPEN - 참고 소스코드](https://codepen.io/jangka44/pen/WNaxvrr) - [프론트 - 그램그램 UI - slog.gg/p/12210](https://slog.gg/p/12210) # 149강 - [23 04 21, ken 12190, 149강, 호감 표시 페이지 꾸미기](https://youtu.be/ulxIAKGGUTU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/2bda282) - [CODEPEN - 참고 소스코드](https://codepen.io/jangka44/pen/WNaxvrr) - [프론트 - 그램그램 UI - slog.gg/p/12210](https://slog.gg/p/12210) # 150강 - [23 04 21, ken 12190, 150강, 테스트 환경에서는 MySQL이 아닌 H2를 메모리모드로 사용](https://youtu.be/a6goRoZxNNo) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/f5f6a8b) # 151강 - [23 04 21, ken 12190, 151강, NotProd 의 initData 는 운영환경에서는 작동하지 않습니다. initData 개발과 테스트할 때 계속 사용됩니다.](https://youtu.be/0JPGaDtAtO0) # 152강 - [23 04 23, ken 12190, 152강, 리스트 페이지 꾸미기](https://youtu.be/PdnjVmgFAyg) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/007ebf4) # 153강 - [23 04 23, ken 12190, 153강, 호감사유 변경 폼](https://youtu.be/3cFft5PiFXw) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/73168ee) # 154강 - [23 04 23, ken 12190, 154강, 호감사유 변경 폼 처리](https://youtu.be/65qGTDJxMUw) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/cac8e94) # 155강 - [23 04 23, ken 12190, 155강, 본인의 인스타 아이디를 입력해달라는 문구를 조금 더 보기좋게 수정, 기타 자잘한 수정](https://youtu.be/rwrZlSzC1Oo) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/6c0dd95) # 156강 - [23 04 23, ken 12190, 156강, 주소 앞에 usr/ 붙이기](https://youtu.be/5gGUbVNWwT8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/29ea564) # 157강 - [23 04 23, ken 12190, 157강, 화면너비 작을때 상단바에서 특정 요소들 숨김, 404페이지 커스터마이징](https://youtu.be/S5SR4CADBHE) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/33682b9) # 158강 - [23 04 23, ken 12190, 158강, 내 정보 페이지 꾸미기](https://youtu.be/tPxZDZ6E-zE) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/87cdb08) # 159강 - [23 04 23, ken 12190, 159강, InstaMember 에 수치를 따로 기록, 일종의 캐시, 1부, 작업](https://youtu.be/EREPU0FZmZc) - [23 04 23, ken 12190, 159강, InstaMember 에 수치를 따로 기록, 일종의 캐시, 2부, 버그수정](https://youtu.be/9CIf0UEQBGs) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/773afad) # 160강 - [23 04 23, ken 12190, 160강, 호감사유 변경시 관련수치 변경](https://youtu.be/awkBTKILZ38) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4866887) # 161강 - [23 04 23, ken 12190, 161강, NotProd 에 @Transactional 적용, 성별 변경시 관련수치 변경, 테스트케이스 오류수정](https://youtu.be/i6ZA95ADrn0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/555036c) # 162강 - [23 04 23, ken 12190, 162강, InstaMemberSnapshot 추가](https://youtu.be/riBFDBWf1cQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d1e286a) # 163강 - [23 04 23, ken 12190, 163강, 내 정보 페이지 꾸미기](https://youtu.be/Tg0oKhsC-5k) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/1305369) # 164강 - [23 04 23, ken 12190, 164강, 1부, 스프링 이벤트 개요](https://youtu.be/dHqMV2-2P6Q) - [23 04 23, ken 12190, 164강, 2부, LikeablePerson 모듈에 있던 InstaMember 모듈관련 명시적 호출을 스프링 이벤트를 통해 제거, 결합도 감소](https://youtu.be/uONl-G52xo4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/324aa0d) ## Event 클래스의 역할 - 이벤트에 대한 구분 - 이벤트 구독자들이 필요로 하는 정보를 담는 DTO 클래스 # 165강 - [23 04 23, ken 12190, 165강, 회원가입 폼은 막음, 로그인 폼은 특수한 URL로 접근 했을 때만 허용](https://youtu.be/c5i9_yzqMCQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/326d288) ## 로그인 페이지에서 폼 활성화 - [http://localhost:8080/usr/member/login?admin](http://localhost:8080/usr/member/login?admin) # 166강 - [23 04 25, ken 12190, 166강, 강사의 소스코드로 부터 시작하는 방법](https://youtu.be/F0KyvBon-qs) # 167강 - [23 04 25, ken 12190, 167강, modifyAttractive 관련코드 중복제거](https://youtu.be/5e716Ijybhk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8f9160b) # 168강 - [23 04 26, ken 12190, 168강, me.html 에 잘못된 아이콘과 문구 수정](https://youtu.be/Lcz-ifw74iw) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/f10fa31) # 169강 - [23 04 26, ken 12190, 169강, 상단 내비바 디자인 정리, 사용자 닉네임 노출하지 않기, 관리자페이지에서는 확인가능](https://youtu.be/FcR3bFkD5Uw) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3b4eab6) # 170강 - [23 04 26, ken 12190, 170강, 앱에 접속했을 때 로그인 안했으면 로그인 페이지로 바로 이동, 서비스 소개 페이지 추가](https://youtu.be/vkAulwwyCPA) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/474adbd) # 171강 - [23 04 26, ken 12190, 171강, me.html 에서 최신호감 넘버링 오류 수정](https://youtu.be/PQTSLDt_XnE) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/87772b1) # 172강 - [23 04 26, ken 12190, 172강, 호감사유수정 페이지에서 자바스크립트로 기존 사유와 다른 사유로 변경하도록 강제](https://youtu.be/K0CG82kVxTk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/a90c74b) # 173강 - [23 04 26, ken 12190, 173강, 호감사유수정 페이지에서 자바스크립트로 기존 사유의 체크박스를 disabled 처리](https://youtu.be/7F_tB6rjScY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/307acc4) # 174강 - [23 04 26, ken 12190, 174강, 회원가입 기능 삭제, 더 이상 없는 기능에 대한 테스트케이스 삭제](https://youtu.be/KhPj8ZehUII) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3e5617a) # 175강 - [23 04 27, ken 12190, 175강, 관리자 페이지에 layout 적용, 관리자 페이지에 접속하기 위한 로그인 페이지에서는 로그인 폼 노출](https://youtu.be/eeVDFY6eisk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/befb5ed) # 176강 - [23 04 27, ken 12190, 176강, 웹폰트 변경, 알림리스트 디자인, Jdenticon 라이브러리 추가](https://youtu.be/wBk7a-7p5f4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/b65988e) # 177강 - [23 04 27, ken 12190, 177강, 쓸데없는 ExceptionHandler 메서드 제거](https://youtu.be/VHe2ipt-OI8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/32ff6d0) # 178강 - [23 04 27, ken 12190, 178강, 호감표시자 구분을 위한 Jdenticon, 내 정보 페이지 꾸미기, 내비바 메뉴 구성 변경](https://youtu.be/F_EppxLP9kk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/bfb48bc) ## 이번 작업에서 `@LazyCollection(LazyCollectionOption.EXTRA)` 를 제거한 것은 실수이다. # 179강 - [23 04 27, ken 12190, 179강, $("input[name=attractiveTypeCode][value=1]:last").keyup(); 의 의미](https://youtu.be/rl8PHi9n9R4) # 180강 - [23 04 27, ken 12190, 180강, 운영모드에서는 ddl-auto를 none 으로 설정, NotProd 는 운영모드에서 작동안함](https://youtu.be/QLMZe83u6ms) # 181강 - [23 04 28, ken 12190, 181강, 호감목록 꾸미기](https://youtu.be/elYIvqvNty8) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/6e105df) # 182강 - [23 04 28, ken 12190, 182강, 아이콘을 넣을 수 있는 곳에 아이콘을 넣기](https://youtu.be/eG7SFNLAp-s) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/04f1e8b) # 183강 - [23 04 28, ken 12190, 183강, AppConfig.getLikeablePersonModifyCoolTime() 구현](https://youtu.be/LxahBGs6mzY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c0204e8) # 184강 - [23 04 28, ken 12190, 184강, 호감표시를 하면 수정쿨타임이 설정된다.](https://youtu.be/xuBoffL53dI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/26633bf) # 185강 - [23 04 28, ken 12190, 185강, 호감사유를 변경하면 수정쿨타임이 갱신된다.](https://youtu.be/Q6NwYuB-9IQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/2f60851) # 186강 - [23 04 28, ken 12190, 186강, UI에서 쿨타임 안차면 수정/삭제 못 하도록](https://youtu.be/HSnn5hHp81I) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8f55afb) # 187강 - [23 04 28, ken 12190, 187강, 페이스북 로그인, HTTPS 활성화](https://youtu.be/GyUfluYb4hE) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/de7fcf7) ## SSL 인증서 생성 ``` keytool -genkey -alias bns-ssl -storetype PKCS12 -keyalg RSA -keysize 2048 -keystore keystore.p12 -validity 3650 ``` - 다시 만들려면 기존에 만들어진 `keystore.p12` 파일을 지워야 한다. - 윈도우 : DEL keystore.p12 - MAC : rm keystore.p12 - ![img](https://i.imgur.com/KjKeZqJ.png) - 흰색부분에서는 `123456` 입력 - 녹색부분에서는 빈칸으로 두고 엔터 - 붉은부분에서는 `y` 입력 - ![img](https://i.imgur.com/XGdGgco.png) - keystore.p12 파일이 생성됨 - 해당파일을 잘라내기 한후 프로젝트 폴더로 옮김 - 프로젝트 루트 폴더로 옮김 ## keytool 명령이 안될 때는 아래와 같이 이동해야 합니다. - keytool 은 jdk 와 함께 설치된다. - 윈도우 - cd C:\Users\사용자명\\.jdks\JDK종류\bin - EX : cd C:\Users\jhs512\\.jdks\corretto-17.0.6\bin - keytool -genkey -alias bns-ssl -storetype PKCS12 -keyalg RSA -keysize 2048 -keystore keystore.p12 -validity 3650 - MAC(케이스 1) - 쉘을 관리자 권한으로 실행 - cd /Library/Java/JavaVirtualMachines/JDK종류/Contents/Home/bin - cd /Library/Java/JavaVirtualMachines/jdk-17.jdk/Contents/Home/bin - ./keytool -genkey -alias bns-ssl -storetype PKCS12 -keyalg RSA -keysize 2048 -keystore keystore.p12 -validity 3650 - 명령어 앞에 `./` 를 붙여야 합니다. - MAC(케이스 2) - 쉘을 관리자 권한으로 실행 - cd /Users/사용자명/Library/Java/JavaVirtualMachines/JDK종류/Contents/Home/bin - cd /Users/jhs512/Library/Java/JavaVirtualMachines/jdk-17.jdk/Contents/Home/bin - ./keytool -genkey -alias bns-ssl -storetype PKCS12 -keyalg RSA -keysize 2048 -keystore keystore.p12 -validity 3650 - 명령어 앞에 `./` 를 붙여야 합니다. ## 페이스북 개발자 도구에서 앱 생성 - [페이스북 개발자 도구 - https://developers.facebook.com/](https://developers.facebook.com/) - 만약에 페이스북 개발자로 가입이 안되시면 `웨일` 브라우저나 다른 브라우저로 시도해보세요. - 만약에 페이스북 아이디가 전화번호라면, 새로 페이스북 계정을 만들어서 진행해주세요. - [페이스북 개발자 도구 - 내 앱 - https://developers.facebook.com/apps/?show_reminder=true](https://developers.facebook.com/apps/?show_reminder=true) - ![img](https://i.imgur.com/h9i6KWW.png) - 화면 우측상단의 `내 앱` 클릭 - ![img](https://i.imgur.com/dCtYdcF.png) - 화면 우측상단의 `앱 만들기` 클릭 - ![img](https://i.imgur.com/mLbYe4w.png) - 앱 유형 `소비자` 선택 - ![img](https://i.imgur.com/WAFkKV1.png) - 앱 이름과 앱 연락처 이메일 적기 - `gram` 이라는 단어는 페이스북 정책상 쓸 수 없음 - ![img](https://i.imgur.com/K6Pgdyf.png) - `Facebook 로그인`의 `설정` 클릭 - ![img](https://i.imgur.com/gdI835S.png) - 좌측 메뉴의 `Facebook 로그인`의 `설정` 클릭 - ![img](https://i.imgur.com/x0h00Nj.png) - `유효한 OAuth 리다이렉션 URI` 적기 - https://localhost/login/oauth2/code/facebook - 페이스북은 오직 https 만 취급한다. - ![img](https://i.imgur.com/UtA3S16.png) - 좌측 메뉴의 `기본 설정` 클릭 - ![img](https://i.imgur.com/eT7gJFP.png) - `앱 ID`와 `앱 시크릿 코드` 확인 및 복사 ## application.yml 에 SSL 인증서 정보 추가, 페이스북 OAuth2 정보 추가 ```yml server: port: 443 ssl: enabled: true key-store-type: PKCS12 key-store-password: 123456 key-store: keystore.p12 spring: mvc: hiddenmethod: filter: enabled: true profiles: active: dev include: secret datasource: driver-class-name: org.mariadb.jdbc.Driver url: jdbc:mariadb://127.0.0.1:3306/gram__dev?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul username: root password: security: oauth2: client: registration: naver: scope: client-name: Naver authorization-grant-type: authorization_code redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' kakao: scope: client-name: Kakao authorization-grant-type: authorization_code redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' client-authentication-method: POST google: redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' client-name: Google scope: profile facebook: redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' client-name: Facebook scope: 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 naver: authorization-uri: https://nid.naver.com/oauth2.0/authorize token-uri: https://nid.naver.com/oauth2.0/token user-info-uri: https://openapi.naver.com/v1/nid/me user-name-attribute: response jpa: hibernate: ddl-auto: create properties: hibernate: show_sql: true format_sql: true use_sql_comments: true logging: level: root: INFO com.ll.gramgram: DEBUG org.hibernate.orm.jdbc.bind: TRACE org.hibernate.orm.jdbc.extract: TRACE custom: likeablePerson: modifyCoolTime: '#{60 * 60 * 3}' from: max: 10 ``` ## application-secret.yml 에 facebook 키 추가 ```yml spring: security: oauth2: client: registration: naver: clientId: 'CLIENT ID' client-secret: 'CLIENT PASSWORD' kakao: clientId: 'CLIENT ID' google: clientId: 'CLIENT ID' client-secret: 'CLIENT PASSWORD' facebook: clientId: 'CLIENT ID' client-secret: 'CLIENT PASSWORD' ``` ## 스프링 부트 앱 실행 후 브라우저에서 접속 - 이제 더 이상 [http://localhost:8080](http://localhost:8080) 가 아닌 [https://localhost](https://localhost) 로 접속해야 한다. - 우리가 만든 SSL 인증서는 정식 인증서가 아니라서 아래와 같은 문제가 생긴다. ### 오페라에서 접속 시 - 최초에 한번은 아래와 같이 허용해 줘야한다. - ![img](https://i.imgur.com/goyC0V7.png) ### 크롬에서 접속 시 - 최초에 한번은 아래와 같이 허용해 줘야한다. - ![img](https://i.imgur.com/uv3eHOi.png) - ![img](https://i.imgur.com/3g1GHhB.png) # 188강 - [23 04 28, ken 12190, 188강, 스프링 시큐리티를 개조하여 인스타 로그인 흐름에 개입하여 인스타 아이디를 얻을 수 있도록](https://youtu.be/-ElHQwHZLmw) - [GIT - API KEY 설정, 인스타그램 아이디 연결하기 버튼 추가](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c0d77de) - [GIT - 스프링 시큐리티를 개조하여 인스타 로그인 흐름에 개입하여 인스타 아이디를 얻을 수 있도록](https://github.com/jhs512/gramgram_a1__23_03_29/commit/5cf275c) ## 페이스북 개발자 도구에서 인스타그램 앱 생성 - [페이스북 개발자 도구 - https://developers.facebook.com/](https://developers.facebook.com/) - [페이스북 개발자 도구 - 내 앱 - https://developers.facebook.com/apps/?show_reminder=true](https://developers.facebook.com/apps/?show_reminder=true) - ![img](https://i.imgur.com/bJ1vC7B.png) - 개발자 도구에서 기존에 생성한 페이스북 앱 선택 - ![img](https://i.imgur.com/pRRZCPD.png) - `Instagram Basic Display`의 `설정` 클릭 - ![img](https://i.imgur.com/YzURjFp.png) - `새 앱 만들기` 클릭 - ![img](https://i.imgur.com/tTbkWJ8.png) - `표시 이름` 등록 - ![img](https://i.imgur.com/nDmRB9L.png) - `Instagram 앱 ID` 확인 및 복사 - `Instagram 앱 시크릿 코드` 확인 및 복사 - `유효한 OAuth 리다이렉션 URI` 적기 - https://localhost/login/oauth2/code/instagram - 인스탸그램은 오직 https 만 취급한다. - `콜백 URL 승인 취소` 적기 - https://localhost/instaMember/cancelCallbackUrlByInstagram - `데이터 삭제 요청 URL` 적기 - https://localhost/instaMember/needToDeleteByInstagram - ![img](https://i.imgur.com/2DvAPO4.png) - `insagram_graph_user_profile` 의 `제출에 추가` 클릭 - `insagram_graph_user_media` 의 `제출에 추가` 클릭 - `변경 내용 저장` 클릭 - 그 다음에 - `Add or Remove Instagram Testers` 클릭 - ![img](https://i.imgur.com/YVirITu.png) - `Instagram 테스터 추가` 클릭 - ![img](https://i.imgur.com/KALIAe4.png) - 본인의 인스타 아이디 입력 - EX : hyiseong4481 - ![img](https://i.imgur.com/aejeioV.png) - 본인의 인스타페이지로 이동 - EX [https://instagram.com/hyiseong4481](https://instagram.com/hyiseong4481) - `Edit profile` 클릭 - ![img](https://i.imgur.com/0FRPRFy.png) - 좌측에 `Apps and websites` 클릭 - ![img](https://i.imgur.com/bpbVrEm.png) - 상단에 `Testers Invites` 클릭 - `Accept` 클릭 ## application.yml 에 인스타그램 OAuth2 정보 추가 ```yml server: port: 443 ssl: enabled: true key-store-type: PKCS12 key-store-password: 123456 key-store: keystore.p12 spring: mvc: hiddenmethod: filter: enabled: true profiles: active: dev include: secret datasource: driver-class-name: org.mariadb.jdbc.Driver url: jdbc:mariadb://127.0.0.1:3306/gram__dev?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul username: root password: security: oauth2: client: registration: naver: scope: client-name: Naver authorization-grant-type: authorization_code redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' kakao: scope: client-name: Kakao authorization-grant-type: authorization_code redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' client-authentication-method: POST google: redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' client-name: Google scope: profile facebook: redirect-uri: '{baseUrl}/{action}/oauth2/code/{registrationId}' client-name: Facebook scope: instagram: provider: instagram scope: user_profile,user_media client-name: Instagram authorization-grant-type: authorization_code redirect-uri: "{baseUrl}/login/oauth2/code/{registrationId}" client-authentication-method: client_secret_post 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 naver: authorization-uri: https://nid.naver.com/oauth2.0/authorize token-uri: https://nid.naver.com/oauth2.0/token user-info-uri: https://openapi.naver.com/v1/nid/me user-name-attribute: response instagram: authorization-uri: https://api.instagram.com/oauth/authorize token-uri: https://api.instagram.com/oauth/access_token user-info-uri: https://graph.instagram.com/me?fields=id,username&access_token={access-token} user-name-attribute: username jpa: hibernate: ddl-auto: create properties: hibernate: show_sql: true format_sql: true use_sql_comments: true logging: level: root: INFO com.ll.gramgram: DEBUG org.hibernate.orm.jdbc.bind: TRACE org.hibernate.orm.jdbc.extract: TRACE custom: likeablePerson: modifyCoolTime: '#{60 * 60 * 3}' from: max: 10 ``` ## application-secret.yml 에 instagram 키 추가 ```yml spring: security: oauth2: client: registration: naver: clientId: 'CLIENT ID' client-secret: 'CLIENT PASSWORD' kakao: clientId: 'CLIENT ID' google: clientId: 'CLIENT ID' client-secret: 'CLIENT PASSWORD' facebook: clientId: 'CLIENT ID' client-secret: 'CLIENT PASSWORD' instagram: clientId: 'CLIENT ID' client-secret: 'CLIENT PASSWORD' ``` # 189강 - [23 04 28, ken 12190, 189강, 인스타그램 Instagram Basic Display API 를 이용한 계정연결 작업 수행](https://youtu.be/wVWFx2aP2s0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/95cbfca) # 190강 - [23 04 28, ken 12190, 190강, 카카오/네이버/구글 로그인의 redirect url에 https 적용](https://youtu.be/RIzDZMXaDW4) ## 관련링크 - [카카오 개발자 도구 - 콘솔 - 앱 목록 - https://developers.kakao.com/console/app](https://developers.kakao.com/console/app) - `http://localhost:8080/login/oauth2/code/kakao` => `https://localhost/login/oauth2/code/kakao` - [네이버 개발자 도구 - Application - 목록 - https://developers.naver.com/apps/#/list](https://developers.naver.com/apps/#/list) - `http://localhost:8080/login/oauth2/code/naver` => `https://localhost/login/oauth2/code/naver` - [구글 프로젝트 - 대시보드 - https://console.cloud.google.com/home/dashboard](https://console.cloud.google.com/home/dashboard) - `http://localhost:8080/login/oauth2/code/google` => `https://localhost/login/oauth2/code/google` # 191강 - [23 05 01, ken 12190, 191강, 여태까지 작업한 내용 시연](https://youtu.be/2i80Hx8t7og) # 192강 - [23 05 01, ken 12190, 192강, HTTPS, 비대칭키 암호화 방식, 대칭키 암호화 방식](https://youtu.be/txGCHBQPIsM) # 193강 - [23 05 01, ken 12190, 193강, 인스타그램 API 통신을 전부 만들어도 되고, 스프링부트 OAuth2 클라이언트를 개조해서 만들어도 됩니다. 일장일단이 있음](https://youtu.be/K1XodNj1Vh8) # 194강 - [23 05 01, ken 12190, 194강, 2WeekFix 브랜치 시작, 배포를 위한 application-prod.yml 작업](https://youtu.be/a8ad8wkx9CA) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/a9472b7) ### 2주차 작업에 대한 리팩토링 시작 - on main : git checkout -b 2WeekFix # 195강 - [23 05 01, ken 12190, 195강, 3주차 미션을 위한 준비, 강사의 소스코드를 가져와서 적용하는 방법](https://youtu.be/ADtfrj39wGo) ### 강사의 소스코드로 부터 시작하기, 기존코드에서 NotProd.java 의 OauthId 부분 백업 ```java Member memberUser6ByKakao = memberService.whenSocialLogin("KAKAO", "KAKAO__2737088692").getData(); Member memberUser7ByGoogle = memberService.whenSocialLogin("GOOGLE", "GOOGLE__103240209825008011930").getData(); Member memberUser8ByNaver = memberService.whenSocialLogin("NAVER", "NAVER__9xIgV-SJgWqRYtj3IX5zCOzvdQdTY2okeb9iXO2Zip4").getData(); Member memberUser9ByFacebook = memberService.whenSocialLogin("FACEBOOK", "FACEBOOK__6267420483336855").getData(); ``` ### 강사의 소스코드로 부터 시작하기, 강사의 2WeekFix 브랜치 소스코드 가져와서 내 프로젝트에 덮어쓰기 - [소스코드 다운로드 - https://github.com/jhs512/gramgram_a1__23_03_29/archive/refs/heads/2WeekFix.zip](https://github.com/jhs512/gramgram_a1__23_03_29/archive/refs/heads/2WeekFix.zip) - build.gradle 파일 - keystore.p12 파일 - src 폴더 - 위 3개 파일/폴더만 선택하여 본인의 프로젝트(main 브랜치 상태의 최신커밋)에 덮어쓰기 - NotProd.java 코드의 OauthId 부분 복원 - 혹시나 카카오, 네이버, 구글, 페이스북, 인스타그램 API 키 생성 및 설정이 안되어 있다면 진행 후 `application-secret.yml`에 적용 - 프로젝트 실행 - 더 이상 사용하지 않는 파일이 있다면 제거 및 오류수정 - git add . - git commit -m "3주차 미션을 위한 준비" - git push origin main # 196강 - [23 05 01, ken 12190, 196강, 기본 소셜로그인 계정생성에 필요한 oauthId 들을 application-secret.yml 로 옮김](https://youtu.be/KF7LmVs7By0) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/1cf9c6d) # 197강 - [23 05 01, ken 12190, 197강, 3주차 미션 시작](https://youtu.be/DwPXQf0Oea4) ### 2주차 작업 리팩토링 제출(PR 생성, Merge) - on 2WeekFix : git push origin 2WeekFix - on github : PR(main <= 2WeekFix) 생성 - on github : PR(main <= 2WeekFix) merge - on 2WeekFix : git checkout main - on main : git pull origin main ### 3주차 작업 - on main : git checkout -b 3Week - 3Week 브랜치 생성 및 이동 - on 3Week : 3주차, 필수미션, 선택미션 수행(커밋이 다수 발생됨) - 이후 과정은 반복됨 # 198강 - [23 05 01, ken 12190, 198강, 배포 후 리다이렉션 URL 추가](https://youtu.be/gU1yzDKg8kU) - [인프라 - 그램그램 배포 - slog.gg/p/12300 - 9강 ~ 23강](https://slog.gg/p/12300#23강) - 198강은 그램그램 배포 수업 23강 까지 진행한 후 수행해주세요. - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/b99e28c) ## 관련링크 - [카카오 개발자 도구 - 콘솔 - 앱 목록 - https://developers.kakao.com/console/app](https://developers.kakao.com/console/app) - `https://www.codelike.app/login/oauth2/code/kakao` - [네이버 개발자 도구 - Application - 목록 - https://developers.naver.com/apps/#/list](https://developers.naver.com/apps/#/list) - `https://www.codelike.app/login/oauth2/code/naver` - [구글 프로젝트 - 대시보드 - https://console.cloud.google.com/home/dashboard](https://console.cloud.google.com/home/dashboard) - `https://www.codelike.app/login/oauth2/code/google` - [페이스북 개발자 도구 - 내 앱 - https://developers.facebook.com/apps/?show_reminder=true](https://developers.facebook.com/apps/?show_reminder=true) - `https://www.codelike.app/login/oauth2/code/facebook` - Facebook 로그인 - `https://www.codelike.app/login/oauth2/code/instagram` - Instagram Basic Display # 199강 - [23 05 04, ken 12190, 199강, application-prod.yml 에 ${custom.site.baseUrl} 도입하여 중복제거](https://youtu.be/u3t66PUxRVg) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/09863d2) # 200강 - [23 05 04, ken 12190, 200강, @Transactional 관련 실수 수정, @LazyCollection(LazyCollectionOption.EXTRA) 관련 실수 수정](https://youtu.be/y8GJM0EnSzI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/2facc43) # 201강 - [23 05 04, ken 12190, 201강, 호감취소, 호감사유변경이 가능할 때까지 얼마나 남았는지 표시](https://youtu.be/WWrkl7K9zas) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/6f59bc1) ```java import java.time.LocalDateTime; class Main { public static void main(String[] args) { LocalDateTime time1 = LocalDateTime.now().plusSeconds(1); LocalDateTime time2 = LocalDateTime.now().plusSeconds(2); System.out.println("time1 : " + time1); System.out.println("time2 : " + time2); System.out.println(time1.isBefore(time2)); // isBefore == < System.out.println(time1.isAfter(time2)); // isAfter == > } } ``` # 202강 - [23 05 04, ken 12190, 202강, 백엔드 처리에서도 쿨타임 체크, canCancel](https://youtu.be/TrtWkVMCp7o) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/bbf4154) # 203강 - [23 05 04, ken 12190, 203강, 백엔드 처리에서도 쿨타임 체크, canModify](https://youtu.be/IeBh2tlq-QU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/7be0ee5) # 204강 - [23 05 04, ken 12190, 204강, LocalDateTime.now().minusSeconds(-1) 을 LocalDateTime.now().minusSeconds(1) 로 수정](https://youtu.be/aN9hWZ9T47g) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/db55d9d) # 205강 - [23 05 04, ken 12190, 205강, NotificationEventListner 생성](https://youtu.be/S5jF39-39uY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/136ec95) # 206강 - [23 05 04, ken 12190, 206강, 호감표시가 발생한 후 그에따른 알림 메세지 생성](https://youtu.be/Ae2lHz_rHRU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/d94217e) # 207강 - [23 05 04, ken 12190, 207강, 호감사유변경이 발생한 후 그에따른 알림 메세지 생성](https://youtu.be/k2JPy2aip28) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/ff1a787) # 208강 - [23 05 04, ken 12190, 208강, 알림메세지 생성 로직에서 중복제거](https://youtu.be/MO33PAg1yuI) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4a90517) # 209강 - [23 05 04, ken 12190, 209강, 호감표시를 하면 그에 따른 알림이 생성되는지 테스트](https://youtu.be/pYwwlW3IPgY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/a4260d9) # 210강 - [23 05 04, ken 12190, 210강, 호감사유변경을 하면 그에 따른 알림이 생성되는지 테스트](https://youtu.be/X4QA5PPq_W4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/9327425) # 211강 - [23 05 04, ken 12190, 211강, 호감리스트에 접속하면 readDate 가 null 인것들만 추려서 readDate 갱신](https://youtu.be/32bRcThfawA) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/dd86e4f) # 212강 - [23 05 04, ken 12190, 212강, 상단바에 아직 읽지 않은 알림이 존재하는지를 인디케이터로 표시](https://youtu.be/fZSeUmGNhEY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/aaed7ba) # 213강 - [23 05 04, ken 12190, 213강, 상단바에 아직 읽지 않은 알림이 존재하는지를 인디케이터로 표시, 테스트케이스 추가](https://youtu.be/b5CjxE7UE3w) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/19d056d) # 214강 - [23 05 04, ken 12190, 214강, 알림리스트에서 아이템이 notifications 의 엘리먼트 만큼 나오도록](https://youtu.be/JoV6kRms-kU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/5ca548d) # 215강 - [23 05 04, ken 12190, 215강, 알림리스트 완성](https://youtu.be/liM1HUXYm4c) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/e4b39c5) # 216강 - [23 05 04, ken 12190, 216강, 인텔리제이 프로젝트에서 File Encoding 설정을 UTF-8 로 설정, 다국어 번역을 위한 준비](https://youtu.be/A8FNMT0sjaY) - ![img](https://i.imgur.com/6nYTQxp.png) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/4202110) # 217강 - [23 05 04, ken 12190, 217강, 3Week 의 작업을 끝내고 main 으로 병합, PR, PR MERGE](https://youtu.be/qGeoZjhe-DQ) ### 3주차 작업 제출(PR 생성, Merge) - on 3Week : git push origin 3Week - on github : PR(main <= 3Week) 생성 - on github : PR(main <= 3Week) merge - on 3Week : git checkout main - on main : git pull origin main # 218강 - [23 05 05, ken 12190, 218강, c.whatIsThisService 에서 `c.` 의 의미 크롬 브라우저는 언어 설정이 가능합니다.](https://youtu.be/y2uIc-bCsDc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/c1f00b9) ## 강사의 브라우저별 언어설정 상황 - 오페라 - 요청헤더에 언어설정 없음 : 자동으로 영어모드로 설정됨 - 크롬 - 요청헤더에 언어설정 없음 : 자동으로 한국어모드로 설정됨 # 219강 - [23 05 05, ken 12190, 219강, 로그인 페이지 번역완료](https://youtu.be/onDN6Bl4Vww) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/72f4a54) ## 버그발생 : 로그아웃을 하면 로그인페이지로 자동으로 이동되는데 그 때 login.html 에서 버그 발생 - 로그아웃 후 바로 `/*[[내용]]*/` 과 같은 형식의 코드를 만나면 오류가 발생한다. - 타임리프 오류로 추정된다. ```html ``` # 220강 - [23 05 05, ken 12190, 220강, 타임리프에서 자바스크립트 바인딩에 대한 설명 1부, 예제 1과 예제 2 설명](https://youtu.be/F2x05-6YaMg) - [23 05 05, ken 12190, 220강, 타임리프에서 자바스크립트 바인딩에 대한 설명 2부, 나머지 예제들 설명](https://youtu.be/xaqT83T9dwY) ## th:text 와 th:utext 의 차이는 출력하기전에 보안필터링 작업의 유무이다. - 아래 코드들은 지금 당장 필요하지 않다. 설명용 코드들 이다. ```html

예제 1 : 안전함

내용1

[[${name}]]

예제 2 : 안전하지 않지만, 내용이 브라우저에 의해 렌더링 될 수 있음

내용2

[(${name2})]

예제 3 : param 이라는 타임리프 내장객체가 있음

[[${param}]]

[[${param.name}]]

예제 4 : param 을 자바스크립트에서 억지로 쓰려는 경우, 1

예제 5 : param 을 자바스크립트에서 억지로 쓰려는 경우, 2, IDE 경고는 피하자.

예제 6 : th:inline="javascript" 사용하면 조금 더 우아하게 사용가능

예제 7 : th:inline="javascript" 없이 객체를 JSON 으로 파싱하기, IDE 경고를 피하기 위해, JSON.parse('타임리프 문법');

과 같은 형태로 만듬, JSON 파싱기능도 직접 구현

예제 8 : th:inline="javascript" 사용하여 깔끔하게 해결

``` ```java public class HomeController { // 기존코드 @GetMapping("/usr/thymeleafTest") public String showThymleafTestTest(Model model) { model.addAttribute("name", "내용 "); model.addAttribute("name2", "내용2 "); return "usr/home/thymeleafTest"; } } ``` ```java public class Rq { // 기존 코드 public String getParamsJsonStr() { Map parameterMap = req.getParameterMap(); return Ut.json.toStr(parameterMap); } } ``` ```java public class Ut { public static class json { public static String toStr(Map map) { try { return new ObjectMapper().writeValueAsString(map); } catch (JsonProcessingException e) { throw new RuntimeException(e); } } } // 기존코드 } ``` # 221강 - [23 05 05, ken 12190, 221강, 강사가 커스터마이징한 번역기능에 캐싱적용, login.html 관련 번역버그 우회](https://youtu.be/zryJnl4d2Ew) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/9225a26) ## 번역속도 향상을 위해서 캐싱 적용 - 기존에 적용되던 캐시는 이미 꺼져있다. : `messageSource.setCacheMillis(0);` - 더욱이 강사가 직접 구현한 추가적인 번역기능(변수치환) 때문에 더 느려진 상태이다. - 그래서 캐싱을 적용했다. - 참고로 기존 캐싱으로는 강사가 새로 추가한 부분까지 캐싱하지는 못하기 때문에 새로 캐싱기능을 적용시켰다. ```java @Cacheable(cacheNames = "translation", key = "#code + ',' + #locale") // 이렇게 하면 자동으로 캐싱이 적용된다. public String replaceVariablesToString(String code, Locale locale) { // 내용 } ``` ## 버그해결 : 로그아웃을 하면 로그인페이지로 자동으로 이동되는데 그 때 login.html 에서 버그 발생하던 버그 - login.html 에서 만큼은 아래와 같은 코드릴 피해서 작업 ```html ``` ## `rq.getCText("logoText");` 와 같은 형식으로 번역된 정보 가져오는 기능 구현 - 현재 발생한 요청(HttpServletReq)의 해더정보에 `accept-language` 값을 기반으로 번역에 필요한 Locale 정함 - 타임리프가 아닌 다른곳에서 번역정보가 필요할 때 사용하면 좋기 때문에 미리구현 ## 혹시 몰라서 개발모두에서는 타임리프 자체의 캐시기능을 껏다. - src/main/resources/application-dev.yml ```yml spring: thymeleaf: cache: false ``` ## 새 버그발생 : 자바스크립트 변수 params 를 head 엘리먼트 안에서 세팅하면 login 페이지에서 오류가 발생한다. - 로그아웃 후 바로 `/*[[내용]]*/` 과 같은 형식의 코드를 만나면 오류가 발생한다. - 타임리프 오류로 추정된다. # 222강 - [23 05 05, ken 12190, 222강, layout.html 번역](https://youtu.be/Ftwvjsk05Bc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/74cb33c) # 223강 - [23 05 05, ken 12190, 223강, 호감표시에서 인스타주소표시를 입력상자 위로](https://youtu.be/_TH4GOQRYOM) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/2118178) - ![img](https://i.imgur.com/fVKSPZD.png) # 224강 - [23 05 08, ken 12190, 224강, 내가 받은 호감 리스트, 프론트 작업](https://youtu.be/GOFUv6TUJJc) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/e3a3fdd) # 225강 - [23 05 08, ken 12190, 225강, const params 변수에 대한 선언을 head 엘리먼트 안으로 옮겨서 생긴 버그 수정](https://youtu.be/t6JCDaXRR5k) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/934efb4) ## 버그해결 : 자바스크립트 변수 params 를 head 엘리먼트 안에서 세팅하면 login 페이지에서 오류가 발생하는 오류 해결 - params 변수를 위한 JSON 파싱을 할 때 th:inline="javascript" 를 사용하지 않고, rq 를 이용해서 해결 - 버그의 정확한 원인은 아직 파악 불가 # 226강 - [23 05 09, ken 12190, 226강, replaceVariablesToString 메서드에 설정된 캐시가 제대로 작동하도록, this가 아닌, 프록시 객체를 통해서 호출](https://youtu.be/VeNoDqRS9Ts) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/473ced0) # 227강 - [23 05 09, ken 12190, 227강, 내가 받은 호감리스트, 정렬과 필터링 준비](https://youtu.be/OXkIbMnxsnk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/1d5e210) ## 힌트코드 ```java import java.util.List; import java.util.ArrayList; import java.util.stream.Collectors; import java.util.stream.Stream; class Main { public static void main(String[] args) { List data = new ArrayList() {{ add(100); add(200); add(300); add(400); add(500); add(600); }}; System.out.println(data); Stream stream = data.stream(); stream = stream.filter(e -> e > 100); // 1차 필터링 stream = stream.filter(e -> e < 500); // 2차 필터링 stream = stream.sorted((e2, e1) -> e1 - e2); // 정렬 List newData = stream.collect(Collectors.toList()); System.out.println(newData); } } ``` # 228강 - [23 05 11, ken 12190, 228강, 4Week 브랜치 시작, 스트림으로 성별 필터링](https://youtu.be/_YCB_KH5xx4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/b00eeab) # 229강 - [23 05 11, ken 12190, 229강, 원활한 테스트를 위해서 인스타 사용자 user4 가 다수의 호감표시를 받도록 NotProd 에서 작업](https://youtu.be/jfAH2Ro9WRg) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/9fe9412) # 230강 - [23 05 11, ken 12190, 230강, 호감사유 필터링](https://youtu.be/1cn5jtsW_mY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/25c9e72) # 231강 - [23 05 11, ken 12190, 231강, 최신순, 날짜순. 인기순, 인기적은순 정렬](https://youtu.be/PHN3ze04FJ4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3ec79ab) # 232강 - [23 05 11, ken 12190, 232강, 성별순, 호감사유순 정렬](https://youtu.be/8FThUaAg4aU) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/cd3f514) # 233강 - [23 05 11, ken 12190, 233강, 로직을 서비스 로 옮김, 로직 리팩토링](https://youtu.be/5LEjcMzOyjA) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/8890eee) # 234강 - [23 05 11, ken 12190, 234강, 테스트케이스 추가](https://youtu.be/m2JvhGMfTaQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/f7e8638) # 235강 - [23 05 11, ken 12190, 235강, 스트림 방식에서 QueryDSL 방식으로 변경](https://youtu.be/ObMRDBFVD-w) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/fbdf5e1) # 236강 - [23 05 12, ken 12190, 236강, ToListForm 도입](https://youtu.be/HoJuKMMWN54) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/167df26) # 237강 - [23 05 12, ken 12190, 237강, findByToInstaMember 로 메서드 이름 변경](https://youtu.be/ewpM19wDfTY) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/3425aba) # 238강 - [23 05 12, ken 12190, 238강, 4Week 의 작업을 끝내고 main 으로 병합, PR, PR MERGE](https://youtu.be/ZIB8fUgcvqM) ### 4주차 작업 제출(PR 생성, Merge) - on 4Week : git push origin 4Week - on github : PR(main <= 4Week) 생성 - on github : PR(main <= 4Week) merge - on 4Week : git checkout main - on main : git pull origin main # 239강 - [23 05 23, ken 12190, 239강, build.gradle 에 jar { enabled = false } 처리, Dockerfile 추가](https://youtu.be/zaB41e3qwjk) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/583fcfa) # 240강 - [23 05 27, ken 12190, 240강, 세션 데이터를 redis에 저장하도록](https://youtu.be/b36gy6hNuxQ) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/fa025dc) - [redis windows 다운로드](https://github.com/microsoftarchive/redis/releases) ## REDIS 서버 시작 - cd C:\Program Files\Redis - redis-server --service-start ## REDIS 접속 - cd C:\Program Files\Redis - redis-cli - KEYS * - 모든 데이터 보기 - DELETE "키" - 특정 키에 해당하는 데이터 삭제 ## REDIS에 있는 모든 데이터 삭제 - cd C:\Program Files\Redis - redis-cli FLUSHALL ## REDIS 서버 끄기 - cd C:\Program Files\Redis - redis-cli shutdown # 241강 - [23 05 27, ken 12190, 241강, 쿠버네티스 무중단 배포를 위해서 액츄에이터가 prod 모드에서 작동하도록](https://youtu.be/FcSZCM4ldes) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/15d17cc) # 242강 - [23 05 27, ken 12190, 242강, 실서버에서 redis 서버 위치 172.17.0.1 로 지정](https://youtu.be/Cwjq4KjioR4) - [GIT](https://github.com/jhs512/gramgram_a1__23_03_29/commit/167fea6)