$$config title: ? 스프링부트 - 기초 keywords: - IT - 스프링부트 $$ --- --- # 수업 - [주소 : slog.gg/p/13700#f](https://www.slog.gg/p/13700#f) # 관련링크 - [리포지터리 - https://github.com/sik2/sb_basic2310](https://github.com/sik2/sb_basic2310) - [책 - https://wikidocs.net/book/7601](https://wikidocs.net/book/7601) - [문서 - 타임리프 공식문서](https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html) # 강의 # 1강 - [24 08 30, p 13700, 스프링부트 기초, 1강, 소개](https://youtu.be/41-xaqQVePg) # 2강 - [24 08 30, p 13700, 스프링부트 기초, 2강, start.spring.io 에서 프로젝트 생성](https://youtu.be/qRql_lk-zYA) ## start.spring.io - [https://start.spring.io - empty](https://start.spring.io) - [https://start.spring.io - starter pack](https://start.spring.io/#!type=gradle-project&language=java&platformVersion=3.3.3&packaging=jar&jvmVersion=22&groupId=com.std&artifactId=sbb&name=basic1&description=Demo%20project%20for%20Spring%20Boot&packageName=com.std.sbb&dependencies=web,lombok,devtools,thymeleaf) ![img](https://i.imgur.com/Z1GNVCp.png) ## Project - Gradle Project ## Language - Java ## Spring Boot - 3.3.3 ## Project Metadata ### Group - com.std ### Artifact - sbb ### Name - basic1 ### Description - Demo project for Spring Boot ### Package name - com.std.basic1 ### Packaging - Jar ### Java - 22 ## Dependencies - Spring Web WEB - Lombok - Spring Boot DevTools - Thymeleaf # 3강 - [24 08 30, p 13700, 스프링부트 기초, 3강, 생성된 프로젝트 압축파일로 인텔리제이 프로젝트 열고, 세팅](https://youtu.be/0XKfZZYayDk) ## 세팅 ### 메뉴 => File => Settings => Build, Execution, Deployment => Build Tools => Gradle ![img](https://i.imgur.com/ilwkCZ4.png) - 자바 버전은 17이면 된다. - 세부버전은 중요하지 않다. - JDK 종류도 중요하지 않다. ### 메뉴 => File => Settings => Build, Execution, Deployment => Build Tools => Compiler ![img](https://i.imgur.com/vbwNwzU.png) - 이걸 체크해야 Dev Tools 가 작동하고, 그 결과 소스코드를 수정하는 것 만으로 실행중인 앱에 자동으로 변경사항이 반영된다. ### 메뉴 => File => Settings => Advanced Settings ![img](https://i.imgur.com/lAsh910.png) ### 롬복 라이브러리를 추가하고 처음 빌드를 하면 아래와 같이 나온다. ![img](https://i.imgur.com/AEksYhv.png) - 클릭하여 활성화 시킨다. ### 메뉴 => File => Project Structure ![img](https://i.imgur.com/A4Fs4Qx.png) - `메뉴 => File => Settings => Build, Execution, Deployment => Build Tools => Gradle` 에서 세팅했던 자바 버전과 맞춘다. # 4강 - [24 08 30, p 13700, 스프링부트 기초, 4강, 프로젝트 실행, 크롬에서 localhost:8080 으로 접속 테스트](https://youtu.be/v0nXYqvDJQg) - 8080포트를 이미 사용 중 인 경우 - window ```bash - netstat -ano | findstr 8080 - taskkill /f /pid [아이디넘버] ``` - [참고](https://mr-dan.tistory.com/71) - mac ```bash - lsof -i :8080 - kill -9 [아이디넘버] ``` - [참고](https://88240.tistory.com/475) ## 실행 및 접속 테스트 ### 실행 ![img](https://i.imgur.com/SRKgarI.png) ### 접속 테스트 ![img](https://i.imgur.com/d1z0MDa.png) - 크롬으로 진행 - 주소 : [http://localhost:8080](http://localhost:8080) # 5강 - p 13700, 5강, GIT 연결 - [리포지터리 - https://github.com/sik2/sb_basic2310](https://github.com/sik2/sb_basic2310) ## GIT 연결 - [https://github.com/new](https://github.com/new) - 리드미 체크해제 - 터미널 열기 - git init - git remote add origin 리포지터리주소 - git remote add origin https://github.com/sik2/sb_basic2310 - git add . - git commit -m "세팅" - git branch 가 master 인 경우 - git branch -M main - git push origin main - +) git config --global init.defaultBranch main(기본 브랜치 master => main 으로 설정) # 6강 - [24 08 30, p 13700, 스프링부트 기초, 6강, 우리가 배우는 웹개발은 무엇이며 스프링부트의 역할](https://youtu.be/tQ2v--yY7lU) - 웹앱은 사용자의 응답을 즉각 처리하기 위해서, 끄기 전까지 꺼지지 않습니다. - [24 08 30, p 13700, 스프링부트 기초, 7강, 스프링부트 프레임워크를 배우는 마인드](https://youtu.be/q-qME3B2xf4) - 스프링부트는 우리에게 빈칸을 제공합니다. 우리가 할일은 문맥에 맞게 채우는 것 입니다. - 라이브러리는 자유도가 높고, 프레임워크는 자유도가 낮습니다. 자유도가 낮은 도구는 한정된 분야에 한해서 엄청난 작업속도를 냅니다. # 8강 - [24 08 30, p 13700, 스프링부트 기초, 8강, /home/main 요청에 대한 응답처리, @Controller, @GetMapping, @ResponseBody](https://youtu.be/qMqwvrpQjWs) - [GIT](https://github.com/sik2/sb_basic2310/commit/17dddd7) - 주소 : [http://localhost:8080/home/main](http://localhost:8080/home/main) - 응답 : 안녕하세요. - 컨트롤러의 의미 - 고객(브라우저)의 요청을 수집하고, 관련부서로 토스해 주는 역할을 합니다. - 관련부서에서 해당일을 처리하여 컨트롤러에서 다시 알려주면, - 컨트롤러는 그 내용을 다시 고객(브라우저)가 이해할 수 있는 형태로 바꿔서 최종적으로 고객에게 응답합니다. - 은행으로 비유하면, 창구에 앉아서 고객과 직접적으로 소통하는 창구직원에 비유할 수 있습니다. # 9강 1부 - [24 08 30, p 13700, 스프링부트 기초, 10강 1부, /home/main2, /home/main3](https://youtu.be/YTjdEsYXg4Q) - [GIT](https://github.com/sik2/sb_basic2310/commit/186783d) - 주소 : [http://localhost:8080/home/main2](http://localhost:8080/home/main2) - 응답 : 반갑습니다. - 주소 : [http://localhost:8080/home/main3](http://localhost:8080/home/main3) - 응답 : 즐거웠습니다. # 9강 2부 - [24 08 30, p 13700, 스프링부트 기초, 9강 2부, /home/increase, 증감 처리](https://youtu.be/ZDjO9871Ts4) - 컨트롤러 객체의 수명은 종료할때 까지 살아있다, 인스턴스 변수 - [GIT](https://github.com/sik2/sb_basic2310/commit/d389979) - 요청(1회) : [http://localhost:8080/home/increase](http://localhost:8080/home/increase) - 응답 : 0 - 요청(2회) : [http://localhost:8080/home/increase](http://localhost:8080/home/increase) - 응답 : 1 - 요청(3회) : [http://localhost:8080/home/increase](http://localhost:8080/home/increase) - 응답 : 2 - [구글 익스텐션 LiveReload++](https://chromewebstore.google.com/detail/livereload++/ciehpookapcdlakedibajeccomagbfab?hl=ko) # 10강 - [p 13700, 10강, /home/plus?a=1&b=2, 쿼리스트링, URL 파라미터](https://youtu.be/k9Airej92Tg) - 요청 : [http://localhost:8080/home/plus?a=1&b=2](http://localhost:8080/home/plus?a=1&b=2) - 응답 : 3 - 요청 : [http://localhost:8080/home/plus?a=10&b=2](http://localhost:8080/home/plus?a=10&b=2) - 응답 : 12 - 요청 : [http://localhost:8080/home/plus?a=1&b=-2](http://localhost:8080/home/plus?a=1&b=-2) - 응답 : -1 ### 코드예시 ```java @GetMapping("/home/plus") @ResponseBody public int plus (@RequestParam(value = "a", defaultValue = "0") int a, @RequestParam(value="b", defaultValue = "0") int b) { return a + b; } ``` - a는 URL에서 생략가능 => /home/plus?b=10 => 가능 - b는 URL에서 생략 불가능 => /home/plus?a=10 => 불가능(defaultValue 설정이 되어있지 않아서) - `@RequestParam` 라는 어노테이션 자체는 코드에서 생략가능 # 10강 실습 - 사칙연산(+, -, *, /) 메서드 만들기 - [p 13700, 10강 실습 , 사칙연산(+, -, *, /) 메서드 만들기](https://youtu.be/HyQDbCq_vRU) ```java @GetMapping("/home/plus") @ResponseBody public int plus (@RequestParam(value = "a", defaultValue = "0") int a, @RequestParam(value="b", defaultValue = "0") int b) { return a + b; } @GetMapping("/home/minus") @ResponseBody public int minus (@RequestParam(value = "a", defaultValue = "0") int a, @RequestParam(value="b", defaultValue = "0") int b) { return a - b; } @GetMapping("/home/divide") @ResponseBody public int divide (@RequestParam(value = "a", defaultValue = "0") int a, @RequestParam(value="b", defaultValue = "0") int b) { return a / b; } @GetMapping("/home/multiply") @ResponseBody public int multiply (@RequestParam(value = "a", defaultValue = "0") int a, @RequestParam(value="b", defaultValue = "0") int b) { return a * b; } ``` # 11강 - [p 13700, 11강, 컨트롤러 클래스에서 다양한 리턴타입을 가진 메소드, 롬복설명, @AllArgsConstructor, @Getter, @Setter](https://youtu.be/pBI7b4umZTs) - [크롬 익스텐션 - JSON VIEWER](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh?hl=ko) - 연습 ```java @GetMapping("/home/returnCar") @ResponseBody public Car showReturnCar() { Car car = new Car(1, 100, "벤츠", new ArrayList<>(){{ add(1); add(2); add(3); }}); car.setId(2); car.setSpeed(200); car.setName("아우디"); car.setIds(new ArrayList<>(){{ add(4); add(5); add(6); }}); System.out.println(car.getId()); System.out.println(car.getSpeed()); System.out.println(car.getName()); System.out.println(car.getIds()); return car; } ``` - 롬복적용 ```java // 전체 속성을 포함하는 생성자 함수 생성 // 게터, 세터 생성 @AllArgsConstructor @Getter @Setter public class Car { private int id; private int speed; private String name; private List ids; } ``` # 12강 - 등록, 조회 - [p 13700, 12강, 사람을 추가, 조회하는 기능을 구현, @ToString](https://youtu.be/NGTLg9U6dpg) - [크롬 익스텐션 - jsonViewer](https://chromewebstore.google.com/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh) - 요청 : [http://localhost:8080/person/add?name=홍길동&age=11](http://localhost:8080/person/add?name=홍길동&age=11) - 응답 : 1번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/add?name=홍길순&age=22](http://localhost:8080/person/add?name=홍길순&age=22) - 응답 : 2번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/add?name=임꺽정&age=33](http://localhost:8080/person/add?name=임꺽정&age=33) - 응답 : 3번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/people](http://localhost:8080/home/people) - 응답 ```json [ {"id": 1, "name": "홍길동", "age": 11}, {"id": 2, "name": "홍길순", "age": 22}, {"id": 3, "name": "임꺽정", "age": 33} ] ``` - PersonController ```java @Controller public class PersonController { int lastId; List people; PersonController () { lastId = 0; people = new ArrayList<>(); } @GetMapping("/person/add") @ResponseBody public String addPerson(@RequestParam("name") String name, @RequestParam("age") int age) { lastId++; Person p = new Person(lastId, age, name); people.add(p); return String.format("%d 번째 사람이 추가 되었습니다.", p.getId()); } @GetMapping("person/people") @ResponseBody public List getPeople() { System.out.println(people); return people; } } ``` - People ```java @AllArgsConstructor @Getter @Setter @ToString class Person { private int id; private int age; private String name; } ``` # 13강 TIP - [p 13700, 13강 1부, 스프링부트 기초 파일 구조나누기, 몇가지 팁 설정](https://youtu.be/b_ve4wJr5pA) - [p 13700, 13강, 2부 스프링부트 앱 디버깅 방법, 브레이크 포인트](https://youtu.be/O6HA5incNxM) - [p 13700, 13강, 3부 스프링부트 앱 Grep Console 설치 및 활용](https://youtu.be/azOaxT6Xi3M) # 14강 - 삭제 - [p 13700, 14강, 사람 삭제기능](https://youtu.be/fDyJS-IiWz8) - 요청 : [http://localhost:8080/person/add?name=홍길동&age=11](http://localhost:8080/person/add?name=홍길동&age=11) - 응답 : 1번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/add?name=홍길순&age=22](http://localhost:8080/person/add?name=홍길순&age=22) - 응답 : 2번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/add?name=임꺽정&age=33](http://localhost:8080/person/add?name=임꺽정&age=33) - 응답 : 3번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/remove?id=2](http://localhost:8080/person/remove?id=2) - 응답 : 2번 사람이 삭제되었습니다. - 요청 : [http://localhost:8080/person/remove?id=2](http://localhost:8080/person/remove?id=2) - 응답 : 2번 사람이 존재하지 않습니다. - 요청 : [http://localhost:8080/person/people](http://localhost:8080/home/people) - 응답 ```json [ {"id": 1, "name": "홍길동", "age": 11}, {"id": 3, "name": "임꺽정", "age": 33} ] ``` - 삭제 v1 ```java @GetMapping("/person/remove") @ResponseBody public String removePerson(@RequestParam("id") int id) { boolean removed = false; for (Person person : people) { if(person.getId() == id) { people.remove(person); removed = true; } } if (removed == false) { return id + "번 사람이 존재하지 않습니다."; } return id + "번째 사람이삭제 되었습니다."; } ``` - 삭제 v2 ```java @GetMapping("/person/remove") @ResponseBody public String removePerson(int id) { boolean removed = people.removeIf(person -> person.getId() == id); if (removed == false) { return id + "번 사람이 존재하지 않습니다."; } return id + "번 사람이 삭제 되었습니다."; } ``` # 15강 - 수정 - [p 13700, 15강, 사람 수정기능](https://youtu.be/vNbkI5_8j5A) - 요청 : [http://localhost:8080/person/add?name=홍길동&age=11](http://localhost:8080/person/add?name=홍길동&age=11) - 응답 : 1번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/add?name=홍길순&age=22](http://localhost:8080/person/add?name=홍길동&age=11) - 응답 : 2번 사람이 추가되었습니다. - 요청 : [http://localhost:8080/person/modify?id=1&name=임꺽정&age=33](http://localhost:8080/person/modify?id=1&name=임꺽정&age=33) - 응답 : 1번 사람이 수정되었습니다. - 요청 : [http://localhost:8080/person/modify?id=3&name=임꺽정&age=33](http://localhost:8080/person/modify?id=3&name=임꺽정&age=33) - 응답 : 3번 사람이 존재하지 않습니다. - 요청 : [http://localhost:8080/person/people](http://localhost:8080/home/people) - 응답 ```json [ {"id": 1, "name": "임꺽정", "age": 33}, {"id": 2, "name": "홍길순", "age": 22} ] ``` - 수정 v1 ```java @GetMapping("/person/modify") @ResponseBody public String modifyPerson(int id, String name, int age) { Person foundPerson= null; for (Person person : people) { if(person.getId() == id) { foundPerson = person; } } if (foundPerson == null) { return id + "번 사람이 존재하지 않습니다."; } foundPerson.setAge(age); foundPerson.setName(name); return id + "번 사람이 수정 되었습니다."; } ``` - 수정 v2 ```java @GetMapping("/person/modify") @ResponseBody public String modifyPerson(int id, String name, int age) { Person foundPerson = people .stream() .filter(p -> p.getId() == id) .findFirst() .orElse(null); if (foundPerson == null) { return id + "번 사람이 존재하지 않습니다."; } foundPerson.setAge(age); foundPerson.setName(name); return id + "번 사람이 수정 되었습니다."; } ``` $$hide # 17강 - [ken 13178, 17강, 스프링부트는 고객을 구분하지 못한다.]() # 18강 - [ken 13178, 18강, req는 받은편지객체, resp는 보낼편지객체, 쿠키는 커피숍에서 발행하는 종이쿠폰과 유사하다. 고객과 점원 둘다 수정가능]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/116580e) ## HttpServletRequest 객체와 HttpServletResponse 객체 개요 - HttpServletRequest 객체 : 받은 편지(과거시제인 이유는 이미 받았기 때문) - 고객(브라우저)이 요청한 내용(주소, 쿠키 등)을 담고 있다. - 예를들어 브라우저에서 보내온 쿠키들에 접근하고 싶다면 `req.getCookies();` 라고 쓰면된다. - 우리는 스프링을 사용하기 때문에 req 객체를 직접 다룰일은 거의 없다. - HttpServletResponse 객체 : 보낼 편지(미래시제인 이유는 보낼 예정이기 때문) - 고객(브라우저)에게 응답할 내용을 적는 곳 이다. - 예를들어 브라우저 `Hello` 라고 표시하고 싶다면 `resp.getWriter().append("Hello");` 라고 쓰면 된다. - 예를들어 브라우저에 쿠키를 추가하거나, 브라우저에 있는 기존 쿠키를 수정하고 싶다면, `resp.addCookie(new Cookie("쿠키이름", "쿠키값"));` 라고 쓰면 된다. - 우리는 스프링을 사용하기 때문에 resp 객체를 직접 다룰일은 거의 없다. ## 원래 요청은 HttpServletRequest 객체에서 얻어야 하고, 응답은 HttpServletResponse 객체를 통해서 해야 한다. ```java // 이 함수와 아래 showReqAndRespV2 함수는 똑같이 작동한다. @GetMapping("/home/reqAndResp") @ResponseBody public void showReqAndResp(HttpServletRequest req, HttpServletResponse resp) throws IOException { int age = Integer.parseInt(req.getParameter("age").replaceAll(" ", "")); resp.getWriter().append("Hello, you are %d years old.".formatted(age)); } // 이 방식이 가능한 이유는 스프링부트가 배후에서 처리를 해주기 때문이다.(이 방식이 코딩하기 더 편하다.) @GetMapping("/home/reqAndRespV2") @ResponseBody public String showReqAndRespV2(int age) { return "Hello, you are %d years old.".formatted(age); } ``` ## 고객의 요청에서 count 쿠키를 찾고, 있다면 쿠키의 값에 1을 더한 새 count 쿠키를 발행해서 응답에 넣어주는 코드 - 그렇게 되면 고객(브라우저)의 count 쿠키가 자동으로 우리가 응답에 넣은 새 쿠키로 대체된다. - 즉 숫자가 증가한다. ```java @GetMapping("/home/cookie/increase") @ResponseBody public int showCookieIncrease(HttpServletRequest req, HttpServletResponse resp) throws IOException { // 리턴되는 int 값은 String 화 되어서 고객(브라우저)에게 전달된다. int countInCookie = 0; // 고객이 가져온 쿠폰에서 count 쿠폰을 찾고 그 쿠폰의 값을 가져온다. if (req.getCookies() != null) { countInCookie = Arrays.stream(req.getCookies()) .filter(cookie -> cookie.getName().equals("count")) .map(Cookie::getValue) .mapToInt(Integer::parseInt) .findFirst() .orElse(0); } int newCountInCookie = countInCookie + 1; // 고객이 가져온 count 쿠폰값에 1을 더한 쿠폰을 만들어서 고객에게 보낸다. // 쉽게 말하면 브라우저(고객)에 저장되어 있는 count 쿠폰의 값을 1 증가시킨다. // 이렇게 브라우저의 쿠키값을 변경하면 재방문시에 스프링부트가 다시 그 값을 받게 되어 있다. resp.addCookie(new Cookie("count", newCountInCookie + "")); // 응답 본문 return newCountInCookie; } ``` # 19강 - [ken 13178, 19강, 로그인 정보가 올바른지 체크, user1/1234 로 로그인 했을 때만 성공처리, RsData 클래스 도입하여 두루두루 사용]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/839c774) - 요청 : [http://localhost:8080/member/login?username=user1&password=1234](http://localhost:8080/member/login?username=user1&password=1234) - 응답 ```json { "resultCode": "S-1", "msg": "user1 님 환영합니다." } ``` - 요청 : [http://localhost:8080/member/login?username=user1&password=12345](http://localhost:8080/member/login?username=user1&password=12345) - 응답 ```json { "resultCode": "F-1", "msg": "비밀번호가 일치하지 않습니다." } ``` - 요청 : [http://localhost:8080/member/login?username=user2&password=1234](http://localhost:8080/member/login?username=user2&password=1234) - 응답 ```json { "resultCode": "F-2", "msg": "user2(은)는 존재하지 않는 회원입니다." } ``` ## RsData가 boolean 보다 좋은점 - 단순히 성공/실패 여부 뿐 아니라, 왜 성공했는지, 혹은 왜 실패했는지 알 수 있다. - 메세지도 전달할 수 있다. - 설계하기에 따라서 메세지 뿐 아니라 추가 데이터도 담을 수 있다. # 20강 - [ken 13178, 20강, Member, MemberRepository 도입, 회원 10명 추가]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/9fb8737) - 회원 리스트 - user1 / 1234 - abc / 12345 - test / 12346 - love / 12347 - like / 12348 - giving / 12349 - thanks / 123410 - hello / 123411 - good / 123412 - peace / 123413 - 요청 : [http://localhost:8080/member/login?username=user1&password=1234](http://localhost:8080/member/login?username=user1&password=1234) - 응답 ```json { "resultCode": "S-1", "msg": "user1 님 환영합니다." } ``` # 21강 - [ken 13178, 21강, 일반적이지는 않지만, HomeController 도 MemberService가 필요한 상황, 같은 객체가 2개 이상 생성됨(낭비발생)]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/4e52175) # 22강 - [ken 13178, 22강, MemberService 클래스를 Ioc 컨테이너에 등록한 후, 필요한 곳에서 @Autowire 를 사용하여 리모콘을 공유받음]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/cefdf07) ## Ioc 컨테이너 쓰기 전, 필요할 때 마다 MemberService 객체를 생성해야 함 ```java public class MemberService { // ... } public class HomeController { private int count; private final List people; private final MemberService memberService; public HomeController() { count = -1; people = new ArrayList<>(); memberService = new MemberService(); } } ``` ## Ioc 컨테이너 쓴 후, 필요할 때 마다 이미 생성되어 있는 객체의 리모콘을 Ioc 컨테이너에서 꺼내다가 씀, 필드주입 방식 ```java @Service public class MemberService { // ... } public class HomeController { private int count; private final List people; @Autowired private MemberService memberService; public HomeController() { count = -1; people = new ArrayList<>(); } } ``` ## Ioc 컨테이너 쓴 후, 필요할 때 마다 이미 생성되어 있는 객체의 리모콘을 Ioc 컨테이너에서 꺼내다가 씀, 생성자주입 방식 ```java @Service public class MemberService { // ... } public class HomeController { private int count; private final List people; private final MemberService memberService; @Autowired public HomeController(MemberService memberService) { count = -1; people = new ArrayList<>(); this.memberService = memberService; } } ``` # 23강 - [ ken 13178, 23강, MemberRepository 클래스를 Ioc 컨테이너에 등록한 후, 필요한 곳에서 @Autowire 를 사용하여 리모콘을 공유받음]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/8a320c3) # 24강 - [ken 13178, 24강, 고객이 로그인 요청을 했을 때의 처리과정 설명]() ## 프로그램 실행 순서 1. 프로그램 실행 1. HomeController 객체 생성 1. MemberService 객체 생성 1. MemberRepository 객체 생성 1. MemberController 객체 생성 1. 고객(브라우저)이 `/member/login?username=user1&password=1234` 요청 1. MemberController::login 실행 1. MemberService::tryLogin 실행 1. MemberRepository::findByUsername 실행 1. MemberRepository::findByUsername 응답 1. MemberService::tryLogin 응답 1. MemberController::login 응답 1. 응답이 브라우저로 전송 # 25강 - [ken 13178, 25강, 쿠키를 이용해서 로그인 상태 구현]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/946bcf9) - [크롬 익스텐션 - Live Reload++](https://chrome.google.com/webstore/detail/livereload%20%20/ciehpookapcdlakedibajeccomagbfab) - DevTools를 통해서 소스코드 변경시 스프링앱시 재시작 되면, 이것을 통해서 브라우저 화면까지 자동으로 리프레시 할 수 있습니다. - 요청 : [http://localhost:8080/member/me](http://localhost:8080/member/me) - 응답 ```json { "resultCode": "F-1", "msg": "로그인 후 이용해주세요." } ``` - 요청 : [http://localhost:8080/member/login?username=giving&password=12349](http://localhost:8080/member/login?username=giving&password=12349) - 응답 ```json { "resultCode": "S-1", "msg": "giving 님 환영합니다." } ``` - 요청 : [http://localhost:8080/member/me](http://localhost:8080/member/me) - 응답 ```json { "resultCode": "S-1", "msg": "당신의 username(은)는 giving 입니다." } ``` # 26강 - [ken 13178, 26강, 고객이 로그인 후 내 정보보기를 했을 때의 처리과정 설명]() # 27강 - [ken 13178, 27강, RsData 클래스의 data 변수 설명, data 는 비고란이다. 비고란의 활용은 사용자의 자유이다.]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/efe8286) # 28강 - [ ken 13178, 28강, 쿠키에 저장된 loginedMemberId 를 long 이 아닌 int 로 가져오는 버그를 수정]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/82023f9) # 29강 - [ken 13178, 29강, Rq를 도입하여 개발자가 매번 쿠키를 복잡하게 다루는 수고를 제거]() - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/7ee7674) ## Rq 클래스 사용방법 ```java Rq rq = new Rq(req, resp); rq.setCookie("name", "홍길동"); rq.setCookie("age", 23); // long 으로 처리 String name = rq.getCookie("name", "없음"); // 두번째 인자는 defaultValue long age = rq.getCookieAsLong("age", 0); // 두번째 인자는 defaultValue rq.removeCookie("age"); ``` ## Rq 적용 전 ```java @GetMapping("/member/logout") @ResponseBody public RsData logout(HttpServletRequest req, HttpServletResponse resp) { if (req.getCookies() != null) { Arrays.stream(req.getCookies()) .filter(cookie -> cookie.getName().equals("loginedMemberId")) .forEach(cookie -> { cookie.setMaxAge(0); resp.addCookie(cookie); }); } return RsData.of("S-1", "로그아웃 되었습니다."); } ``` ## Rq 적용 후 ```java @GetMapping("/member/logout") @ResponseBody public RsData logout(HttpServletRequest req, HttpServletResponse resp) { Rq rq = new Rq(req, resp); rq.removeCookie("loginedMemberId"); return RsData.of("S-1", "로그아웃 되었습니다."); } ``` $$hide # 30강 - [23 03 16, ken 12110, 30강, Rq::removeCookie 메서드 설명 및 개선](https://youtu.be/zaIXCUlhomY) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/dc0e6f1) # 31강 - [23 03 16, ken 12110, 31강, 객체를 문장화(JSON)으로 바꾸는 녀석은 Jackson 이고, 인자가 없고 is(또는 get)로 시작하는 메서드의 실행결과도 포함](https://youtu.be/oUPR0YNSrhA) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/dc0e6f1) # 32강 - [23 03 16, ken 12110, 32강, Rq 객체를 매번 만드는 수고를, 스프링에게 맡김, @RequestScope를 이용해서 Rq의 생명주기를 변경](https://youtu.be/vkhSgSrFL-U) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/34f5923) # 33강 - [23 03 16, ken 12110, 33강, 쿠키만으로는 보안에 취약해서, 세션이 필요, 단 세션은 세션ID라는 쿠키가 없으면 안된다.](https://youtu.be/GDT1zYaITq4) ## 세션과 쿠키의 차이 - 쿠키는 클라이언트와 서버에서 값을 생성/수정/삭제할 수 있다. - 세션은 서버에서만 값을 생성/수정/삭제할 수 있다. - 쿠키는 클라이언트에서 값을 조작할 수 있기 때문에, 보안에 취약하다. - 서버는 클라이언트에서 값을 조작할 수 없기 때문에, 보안성이 좋다. - 각 브라우저 별로 유지해야하는 중요한 정보는 세션에 저장하는게 좋다. - 예를들어 현재 접속한 브라우저가 몇번 회원인지에 대한 정보가 중요한 정보이다. - 각 브라우저 별로 유지해야하는 별로 중요하지 않은 정보는 쿠키에 저장해도 된다. - JSESSIONID 는 중요한 정보이지만 구조상 어쩔 수 없이 쿠키에 저장되어야 한다. - JSESSIONID 는 클라이언트(브라우저)가 조작을 하더라도 본인만 손해이기 때문에, 보통은 조작을 하지 않는다. # 34강 - [23 03 16, ken 13178, 34강, 로그인 상태를 유지하기 위해서, 각 브라우저 별로 loginedMemberId 를 쿠키로 보관하는 대신, 세션에 저장](https://youtu.be/jMHrx2MFYS0) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/b29b52c) # 35강 - [23 03 16, ken 13178, 35강, form 을 이용하면 복잡한 URL을 일반사용자가 쉽게 생성할 수 있게 해준다.](https://youtu.be/RqCZ4_yaDtY) - [크롬 익스텐션 - Copy Unicode URLs](https://chrome.google.com/webstore/detail/copy-unicode-urls/fnbbfiapefhkicjhecnoepbijhanpkjp?hl=ko) - [CODEPEN](https://codepen.io/jangka44/pen/vYzjvMM) - [새 CODEPEN - https://codepen.io/pen](https://codepen.io/pen) # 36강 - [23 03 16, ken 13178, 36강, 다음 검색폼 구현](https://youtu.be/An8U0hj5S98) - [CODEPEN](https://codepen.io/jangka44/pen/PodeVGP) - [새 CODEPEN - https://codepen.io/pen](https://codepen.io/pen) # 37강 - [23 03 16, ken 13178, 37강, 로그인 폼 구현하여 적용, 이제 로그인 하기위해 복잡한 URL을 입력할 필요가 없음](https://youtu.be/x2YjQw__Kxw) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/d56fdfa) # 38강 - [23 03 16, ken 13178, 38강, 절대경로와 상대경로](https://youtu.be/eBBb3pRD354) ## 절대경로와 상대경로 - 절대경로는 `/` 로 시작한다. - `http://www.naver.com/search` 도 정대경로이다. - `/search` 도 절대경로이다. - 상대경로는 현재위치를 기준으로 목적지 위치를 계산한다. # 39강 - [23 03 16, ken 13178, 39강, login.html 도입하여 html 소스코드를 컨트롤러에서 제거](https://youtu.be/RyqM_OU5acc) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/1ecf185) # 40강 - [23 03 16, ken 13178, 40강, 로그인 폼의 전송방식으로 GET에서 POST로 변경, POST 방식은 GET 보다 더 많은 정보를 전송하는데 적합하다.](https://youtu.be/X-P5UmVLRkE) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/eb91865) # 41강 - [23 03 16, ken 13178, 41강, Model 객체를 이용해서 템플릿으로 객체 전달, me.html에서 Model 객체를 통해 받은 정보 출력](https://youtu.be/asCo5jXObmo) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/d602bea) # 42강 - [23 03 16, ken 13178, 42강, me.html에서 th:if 문법을 이용해서 로그인 상태에 따른 분기](https://youtu.be/9GoDkcfyHMY) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/1042326) # 43강 - [23 03 17, ken 13178, 43강, 데이터의 영속성을 원한다면 DB에 저장해야 합니다.](https://youtu.be/KsYz8nR3e7Q) # 44강 - [23 03 17, ken 13178, 44강, DB 연결을 위해, 우선 먼저 DB를 생성](https://youtu.be/r6_j2zIEKZI) ## SQL ```sql DROP DATABASE IF EXISTS basic1__dev; CREATE DATABASE basic1__dev; USE basic1__dev; ``` # 45강 - [23 03 17, ken 13178, 45강, DB 연결, 1부, build.gradle, application.yml 파일 설정하여 DB 접속](https://youtu.be/GpMpAV0SAhs) - [23 03 17, ken 13178, 45강, DB 연결, 2부, application.yml 파일의 인코딩을 UTF-8로 변경](https://youtu.be/33D3cYRZrks) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/ec4391a) ## MySQL 사용자 ### build.gradle ```groovy // .. dependencies { // .. implementation 'org.springframework.boot:spring-boot-starter-data-jpa' runtimeOnly 'com.mysql:mysql-connector-j' } ``` ### application.yml ```yml server: port: 8010 # 서버 포트(기본값은 8080) spring: thymeleaf: cache: false # 타임리프 캐시 끄기 prefix: file:src/main/resources/templates/ # 타임리프 캐시 끄기(이 설정을 해야 꺼짐) devtools: livereload: enabled: true restart: enabled: true datasource: driver-class-name: com.mysql.cj.jdbc.Driver url: jdbc:mysql://127.0.0.1:3306/DB명?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul username: DB아이디 password: DB비번 jpa: hibernate: ddl-auto: create # DB 테이블 자동생성(엔티티 클래스만 만들면 됨) ``` ## MariaDB 사용자 ### build.gradle ```groovy // .. dependencies { // .. implementation 'org.springframework.boot:spring-boot-starter-data-jpa' runtimeOnly 'org.mariadb.jdbc:mariadb-java-client' } ``` ### application.yml ```yml server: port: 8010 # 서버 포트(기본값은 8080) spring: thymeleaf: cache: false # 타임리프 캐시 끄기 prefix: file:src/main/resources/templates/ # 타임리프 캐시 끄기(이 설정을 해야 꺼짐) devtools: livereload: enabled: true restart: enabled: true datasource: driver-class-name: org.mariadb.jdbc.Driver url: jdbc:mariadb://127.0.0.1:3306/DB명?useUnicode=true&characterEncoding=utf8&autoReconnect=true&serverTimezone=Asia/Seoul username: DB아이디 password: DB비번 jpa: hibernate: ddl-auto: create # DB 테이블 자동생성(엔티티 클래스만 만들면 됨) ``` ## application.yml 인코딩 변경 - ![img](https://i.imgur.com/iwMychY.png) - 화면 우측 하단에 인코딩버튼 클릭 - UTF-8 선택 - ![img](https://i.imgur.com/5L3BRa7.png) - Convert 클릭 # 46강 - [23 03 17, ken 13178, 46강, Article 엔티티 클래스 생성](https://youtu.be/y8LhFvSoYD4) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/a7adab4) ## SQL ```sql SHOW TABLES; DESC article; INSERT INTO article SET id = 1, title = '제목1', `body` = '내용1'; SELECT * FROM article; ``` # 47강 - [23 03 17, ken 13178, 47강, article 테이블에 id 칼럼에 AUTO INCREMENT 적용, 날짜 칼럼(create_date, modify_date) 추가](https://youtu.be/h6vQsZK7JhE) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/bedb987) ## SQL ```sql INSERT INTO article SET create_date = NOW(), modify_date = NOW(), title = '제목1', `body` = '내용1'; INSERT INTO article SET create_date = NOW(), modify_date = NOW(), title = '제목2', `body` = '내용2'; SELECT * FROM article; ``` # 48강 - [23 03 17, ken 13178, 48강, ArticleRepository 도입, article 객체를 저장(save), 저장이 되면 결국 INSERT 쿼리가 실행된다.](https://youtu.be/8pNSn_FwvT0) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/1061bf4) ## 빌더패턴 ```java // 아래 코드와 같은의미 Article article = Article .builder() .createDate(LocalDateTime.now()) .modifyDate(LocalDateTime.now()) .title(title) .body(body) .build(); // 위 코드와 같은 의미 Article article2 = new Article(); article2.setCreateDate(LocalDateTime.now()) article2.setModifyDate(LocalDateTime.now()) article2.setBody(body); article2.setTitlte(title); article2.setBody(body); ``` ## 요청 - [http://localhost:8010/article/write?title=t1&body=b1](http://localhost:8010/article/write?title=t1&body=b1) - 응답 ```json { "resultCode": "S-1", "msg": "1번 글이 생성되었습니다.", "data": { "id": 3, "createDate": "2023-03-17T11:41:41.060366", "modifyDate": "2023-03-17T11:41:41.060366", "title": "t1", "body": "b1" }, "success": true } ``` # 49강 - [23 03 17, ken 13178, 49강, ArticleService 도입, show_sql 설정으로 실제로 JPA에서 실행해주는 SQL을 콘솔에서 확인](https://youtu.be/W1Ehq8QXLS8) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/332adae) # 50강 - [23 03 17, ken 13178, 50강, Artile 클래스에 생성자들 추가, @AllArgsConstructor, @NoArgsConstructor](https://youtu.be/TwcKbom5QCM) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/0ececcc) # 51강 - [23 03 17, ken 13178, 51강, 엔티티 객체의 등록시 등록날짜 자동생성, 수정시 수정날짜 자동갱신](https://youtu.be/k-uWOjUQ5xo) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/56fa260) # 52강 - [23 03 17, ken 13178, 52강, 흐름: Spring Data JPA → 하이버네이트(JPA 구현체) → MariaDB Driver(JDBC 구현체) → MariaDB](https://youtu.be/pdW-dUMH8Z4) # 53강 - [23 03 17, ken 13178, 53강, 콘솔에 출력되는 SQL 포메팅](https://youtu.be/5-l37KZSwzU) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/f7126cf) # 54강 - [23 03 17, ken 13178, 54강, JPA 적용하여 회원을 영속화](https://youtu.be/v-j5wwQuoIY) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/52fad5b) ## SQL ```sql INSERT INTO `member` SET create_date = NOW(), modify_date = NOW(), username = 'user1', `password` = '1234'; SELECT * FROM `member`; ``` ## 요청 - 요청 : [http://localhost:8010/member/login?username=user1&password=1234](http://localhost:8010/member/login?username=user1&password=1234) - 응답 ```json { "resultCode": "S-1", "msg": "user1 님 환영합니다." } ``` - 요청 : [http://localhost:8010/member/login?username=user2&password=1234](http://localhost:8010/member/login?username=user2&password=1234) - 응답 ```json { "resultCode": "F-2", "msg": "user2(은)는 존재하지 않는 회원입니다." } ``` # 55강 - [23 03 20, ken 13178, 55강, spring.jpa.hibernate.ddl-auto의 값을 update로 변경하여, 스프링부트앱이 재실행되어도 데이터가 유지되도록](https://youtu.be/2F5WfDAnNQo) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/1dd1926) # 56강 - [23 03 20, ken 13178, 56강, spring.jpa.hibernate.ddl-auto의 값을 create로 변경하고, NotProd 도입, 더 좋은 초반데이터 세팅법](https://youtu.be/m2Ko3jcqjNQ) - [GIT](https://github.com/jhs512/basic1__2023_03_14/commit/b67e51a) ## 주요 어노테이션 ### 객체 생성 - @Service, @Componet => 클래스에 붙는다.(객체를 Ioc 컨테이너에 넣는 역할) - @Bean => 메서드에 붙는다.(객체를 Ioc 컨테이너에 넣는 역할) ### 객체사용 - @Autowired => Ioc 컨테이너에서 객체리모콘를 요청하는 행위 ## NotProd.java ```java package com.ll.basic1.base.initData; import com.ll.basic1.boundedContext.article.service.ArticleService; import com.ll.basic1.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"}) // NotProd : 개발환경이 이거나, 테스트환경일 때만 실행 public class NotProd { // CommandLineRunner 객체를 Ioc 컨테이너에 넣으면 자동으로 알아서 실행된다.(그렇게 작동하도록 만들어진 클래스 입니다.) @Bean // @Component 와 비슷한 의미, 이 함수의 리턴값(리모콘)이 Ioc 컨테이너에 등록된다는 뜻, 이걸 사용하려면 클래스에 @Configuration 필수 ce, ArticleService articleService) { // 필요한 의존성들은 좌측과 같이 적어주세요. return args -> { // args는 무시해주세요. // 이 부분은 스프링부트 앱이 실행되고, 본격적으로 작동하기 전에 실행된다.(어떠한 복잡한 논리나 심오한 원리가 있어서 그러는건 아니고, CommandLineRunner 클래스가 원래 그렇게 작동되도록 설계됨) memberService.join("user1", "1234"); memberService.join("abc", "12345"); memberService.join("test", "12346"); memberService.join("love", "12347"); memberService.join("like", "12348"); memberService.join("giving", "12349"); memberService.join("thanks", "123410"); memberService.join("hello", "123411"); memberService.join("good", "123412"); memberService.join("peace", "123413"); articleService.write("제목1", "내용1"); articleService.write("제목2", "내용2"); }; } } ``` $$