$$config title: 스프링부트 커뮤니티 사이트 14강~ 정리 keywords: - IT - 스프링부트 - 커뮤니티 사이트 $$ # 스프링부트 커뮤니티 사이트 강좌 주소 : [to2.kr/cVr](https://to2.kr/cVr) # 단축키 팁 - Ctrl + Shift + R : 파일명 검색 - Alt + 좌우 화살표 키 : 이전 페이지, 다음 페이지로 이동 - Shift + Ctrl + C : Terminal에서 복사하기 - Shift + Ctrl + V : Terminal에서 붙여넣기 - Alt + Shift + R : 관련된 변수명 전체 다 한번에 바꿀 때 사용 # 14강, STS에서 스프링부트 프로젝트 생성, 컨트롤러 테스트 ## Spring Starter Project 만들 때 - File -> New -> Spring Starter Project 클릭 (Spring Starter가 스프링부트라고 보면 됨) - `Packaging : War` 선택, `Language : Java` 선택, `Java Version : 16 또는 17` 선택, `Type : Maven` 선택 - Name이랑 Artifact랑 이름이 같아야함 - Package명은 Group이랑 Artifact랑 합쳐서 적으면 됨 - Name : demo - Group : com.pyh.exam - Artifact : demo - Package : com.pyh.exam.demo - 여기서 가장 중요한 거는 Package명 정하는 것임! - Next 한 다음 Lombok 체크 - Available에서 dev 입력 -> Spring Boot DevTools 체크 - DevTools란 소스코드 수정 후 실행 중인 서버를 중지했다가 다시 시작할 필요 없이 수정 후 저장만 하면 알아서 웹 서버를 다시 실행시켜 줌 - web 입력 -> Spring Web 체크 - Next > Finish - 프로젝트 생성되면 `com.pyh.exam.demo` 선택 후 마우스 우클릭 > New > class 클릭 - Package에 이름 나와있는 상태에서 그대로 `.controller` 입력 - Name : UsrHomeController 입력하고 엔터 - 그럼 아래와 같이 코드가 열림 ```java package com.pyh.exam.demo.controller; public class UsrHomeController { } ``` - public class UsrHomeController 위에 `@Controller` 입력하고 Ctrl + Shift + O 해주면 저절로 임포트가 됨 - 그 다음 아래와 같이 코드 입력 ( 빨간줄 뜨면 Ctrl + Shift + O 해주기) ```java package com.pyh.exam.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; @Controller // 일종의 주석이라고 보면 됨. 스프링한테 아래의 클래스가 컨트롤러 라는 것을 알려줌 (아래 메서드들을 품고 있으면 써줘야함) public class UsrHomeController { @RequestMapping("/usr/home/main") // 이러한 주소로 접속이 요청되면 @ResponseBody // 아래 함수가 리턴한 값(즉, Body를)을 응답한다(화면에 띄워진다) public String showMain() { // // showMain()이라는 이 함수가 실행됨. 이 때 showMain() 메서드는 그냥 이름을 지은 것 ddd 이런식으로 지어도 됨 return "안녕"; } } /* * Request => 브라우저로부터 요청된것, 컴퓨터 입장에서는 받은편지 * Response => 시스템에서 응답하는것, 컴퓨터 입장에서는 보낼편지 */ ``` - 실행방법 : 프로젝트 선택하고 마우스 우클릭 > Run As > Spring Boot App 클릭 - Console 창 보면 실행됨 - 브라우저 연 다음 `http://localhost:8080/usr/home/main` 입력하면 "안녕"이 화면에 뜬다! ### 만약, 8080포트가 사용중이라고 한다면? - src/main/resources의 application.properties 클릭 후 F2 누르고 파일 형식을 properties로 되어있는 것을 yml 형식으로 바꾸기 (application.yml 이렇게) - application.yml 클릭 후 창 열어서 아래와 같이 입력 후 저장 ```yml server: port: 8011 ``` - port 앞에 무조건 2번 띄어쓰기 하고 : 한 다음 포트명 앞에 무조건 한 칸 뛰어쓰기 해야함 위에처럼 그대로! - port에 사용할 포트 입력(여기에서는 8011) - 그 다음 다시, 프로젝트 선택하고 마우스 우클릭 > Run As > Spring Boot App 클릭 > 브라우저 켜서 `http://localhost:8011/usr/home/main` 입력 # 15강~23강, git 관련 ## git의 특성, 저장소를 왜 만들었냐? - git은 협업 툴이기도 하며, 내가 작업한 코드들을 업로드하여 관리하는 역할을 함 - 근데, git의 특성상 저장소와 저장소끼리만 통신이 가능 - 따라서, 작업파일들 자체를 다짜고짜 git에 올릴 수 없고, 먼저 저장소(.git 폴더)를 생성한 후 리포지터리에 연결을 한 후에 git에 올릴 수 있음 - 저장소 생성하는 것을 압축파일이라고 생각하면 좀 더 쉬우려나..?ㅋㅋ * 로컬저장소(.git) 안에 파일들을 담아주려면 먼저 장바구니라는 폴더에 담아줘야함 그 때 쓰는 명령어 : git add . ## git 명령어 - 로컬 저장소(.git 폴더) 생성하기 - 작업 폴더 안으로 들어가 마우스 우클릭 -> 깃 베쉬 히어 클릭 - `git init` 입력 => .git 폴더가 생김 - 리포지터리(원격지) 연결 여부 확인 : `git remote -v` - 리포지터리(원격지) 연결 : `git remote add origin [리포지터리주소 복붙]` - 이때, origin은 그냥 정한 이름. 연결을 여러 개 할 수 있어서 연결마다 이름이 필요한데 그냥 origin이라고 지은것임. origin2라고 해도 됨 - 리포지터리(원격지) 연결 제거 : `git remote remove origin` - 작업자 이름 등록 : `git config user.name "yuuuuuni"` - 작업자 이메일 등록 : `git config user.email "yuuuuuni930302@gmail.com"` - 작업자 이름 등록 되었는지 확인 : git config user.name - 작업자 이메일이 등록 되었는지 확인 : git config user.email - .git폴더 안에 있는 파일들과 작업 파일들과의 비교 확인 : `git status` - (.git폴더 안에 있는 파일들과 바깥의 작업파일들을 비교하여 작업파일에는 있지만 .git(로컬저장소)에 없거나 파일이 서로 다르면 빨간색으로 뜸) - git에 올라가지 말아야할 것들을 제외 : `.gitignore 파일` 생성 - 근데 스프링부트 demo에는 .gitignore가 있으므로 그냥 그 파일 열어서 제외할 것들 적어서 추가 해주기만 하면 됨 - 장바구니에 파일 담기 : `git add .` - 장바구니에 담겨진 것들 로컬저장소(.git)파일에 옮기기 + 커밋메시지 남기기 : `git commit -m "커밋 메세지"` - 로컬저장소(.git)에 있는거 깃허브에 업로드 : `git push origin master` - 커밋 기록 확인 : `git log` - git 프로그램 자체를 최신버전으로 업데이트 : `git update-git-for-windows` - git 로그인 정보 없애기 : - git config --global credential.helper manager (엔터) - git credential-manager delete https://github.com (엔터) - 그래도 로그인 정보가 안없어지면 윈도우 - 자격 검색 - 일반 자격 증명에서 그거 클릭하고 제거 누르기 - git status를 하면 뭔가 파일이 수정되었다고 나오는데 어떤게 수정된건지 모를 때 확인 방법 : `git diff [파일명]` ## git에 push(업로드)하는 기본적인 순서 1. git init 2. git remote add origin [리포지터리 주소] 3. git config user.name "yuuuuuni" 4. git config user.email "yuuuuuni930302@gmail.com" 5. git status 6. git add . => git status 다시 한번 입력하여 장바구니에 다 담아졌는지 확인 7. git commit -m "커밋메세지" 8. git push origin master ## 새로운 환경에서 git에 올린 작업 pull(다운로드)하는 기본적인 순서 1. 작업 폴더를 놓을 경로까지 간 다음, 새폴더 하나 만든 다음에(이름은 맘대로 정하기) 그 안으로 들어가서 cmd 키기 2. git init 3. git remote add origin [리포지터리 주소] 4. git pull origin master - 근데 위처럼 이렇게해서 가져올 수도 있지만 git clone 명령어를 쓰면 로컬저장소 생성 + 리포지터리 연결 + pull 까지 한번에 다 됨 - git init, git remote add origin [리포지터리 주소], git pull origin master를 한번에 하는 것이 바로 git clone!! ## 새로운 환경에서 git에 올린 작업을 단축어 사용하여 pull(다운로드)하는 순서 - git clone 1. 작업 폴더를 놓을 경로까지 간 다음, 새폴더 하나 만든 다음에(이름은 맘대로 정하기) 그 안으로 들어가서 cmd 키기 2. `git clone [리포지터리 주소] .` --- 1. 또는, 작업 폴더를 놓을 경로까지 간 다음에 그 상태에서 cmd 키기 2. `git clone [리포지터리 주소] 새폴더명` 으로 입력하면 알아서 새폴더 만들어지고 그 새폴더 안에 파일들이 알아서 들어감 ## git 그림 - ![image](https://i.esdrop.com/d/f/xlFA8SxdVr/XYqo66srer.jpg) # 24강, git clone으로 프로젝트를 가져왔으면 STS에서 그 프로젝트 여는 방법 - 좌측 상단의 File > Import > General > Projects from Folder or Archive 더블클릭 > Directory 클릭 > 경로 쭉 들어가서 프로젝트 클릭 > Finish # 26강, 메이븐, 의존성(디펜던시), pom.xml 설명 - 프로젝트 : 손님 - pom.xml : 주문서 - Maven : 음식점 * 현재 프로젝트에는 Maven이 걸려있기 때문에, Maven한테 명령하고 싶으면 pom.xml 열어서 \에 요구 프로그램을 써주면 됨 * \는 우리가 요구한 프로그램들이 적혀 있음. 여기에다가 규격에 맞게 적기만 하면 얘가 그 순간 요청사항을 받아온다. * `maven repository`를 구글에서 검색 -> 필요한 프로그램 검색 -> 최신버전 클릭 -> html 처럼 코드가 나옴. 그걸 복사한 다음 dependencies 목록 안에 넣어주면 됨 * 중요한건, 우리가 Spring Starter Project를 생성할 때 Lombok, Spring Boot DevTools, Spring Web 등을 체크한 것들이 이 dependencies 안에 추가되고 그것들을 Maven이 알아서 받아온다고 보면 됨 ## Maven(메이븐) - 필요한 프로그램을 대신 받아주는 역할을 함 - 빌드, 배포 등을 도와줌 - 빌드 : 프로그램의 완성품을 만드는 단계 # 27강, 스프링부트에서 메인 클래스의 패키지명이 갖는 의미와 관련된 오류 해결법 - 메인 Application이 소속되어있는 패키지명에 따라 다른 패키지들도 메인 패키지명을 무조건 포함하고 있어야 함 - 예를 들어 메인 Application의 패키지명이 com.pyh.exam.demo라면 나머지 패키지들의 이름도 무조건 com.pyh.exam.demo까지는 적혀 있어야하고, 그 뒤에 이름을 덧붙이든가 해야함 - Application명은 프로젝트명에 따라 앞에 붙여지는게 달라짐. - 프로젝트명이 demo이면 com.pyh.exam.demo 패키지 안에 DemoApplication이라고 되어있음 # 28강, MVC 개념과 스프링부트에서의 MVC ## MVC 개념 - 실행 순서에 따라 C - M - V로 진행됨 - C(Controller) - 점원, 제일 먼저 요청을 받음. 요청을 받으면 Service로 토스, 얼토당토 없는 요청은 걸러서 반환시킴 - M(Model - Service, Repository, DB) - Service : 요리사, 애플리케이션의 핵심. 메인 레시피까지 다 알고 있음 - Repository : Service의 하인, Service의 요청을 받고 DB와 통신을 함. 계란 떨어지면 사오는 그런 역할 - DB : 재료 창고 - V(View - JSP) - 플레이팅, 데이터를 보기 좋게 JSP라는 템플릿에 담아서 보여주는 역할 #### 자세한 실행 순서 - Controller가 요청 들어온 것을 Service로 토스 - Service가 Repository한테 데이터 가져오라고 시킴 - Repository가 DB로 가서 데이터를 가져와 Service한테 줌 - Service는 당초에 Controller가 요청을 했으니 다시 Controller한테 줌 - Controller는 받은 데이터를 JSP한테 줌 - Controller -> Service -> Repository -> DB -> Repository -> Service -> Controller -> JSP 이러한 return 형식으로 동작하며 jsp에 도달하면 하나의 웹 문서 탄생 ## UsrHomeController 클래스에서 "/usr/home/main"의 의미 - 화면에 안녕이라고 띄워지는 Controller에 대한 코드는 아래와 같다 - 여기서 /usr/home/main의 의미는? ```java package com.pyh.exam.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; @Controller public class UsrHomeController { @RequestMapping("/usr/home/main") @ResponseBody public String showMain() { return "안녕"; } } ``` - 아래와 같은 정도로 생각하면 됨 ```java UsrHomeController { // 일반 사용자들이 사용하는 메인 화면에 관련된 컨트롤러 } UsrArticleController { // 일반 사용자들이 사용하는 게시물(조회, 쓰기, 수정, 삭제 등)에 관련된 컨트롤러 } UsrReplyController { // 일반 사용자들이 사용하는 댓글에 관련된 컨트롤러 } AdmHomeController { // 관리자들이 관리하는 메인 화면에 관련된 컨트롤러 } AdmReplyController { // 관리자들이 관리하는 댓글에 관련된 컨트롤러 } ``` - 즉, 매핑된 url "/usr/home/main"의 의미는 일반 사용자들이 사용하는 메인 화면에 관련된 컨트롤러라고 생각하면 됨 ## 패키지와 클래스 관련 - 패키지(package)란? - 일종의 클래스들을 모아놓은 폴더 - 스트링부트에서 보기 쉽게 controller만 모아두고 싶으면 패키지명을 `com.pyh.exam.demo.controller`이런식으로 끝에 controller를 붙여서 지으면 됨 - 좌측의 파일명과 클래스명은 완전히 동일해야함 - 클래스명은 무조건 대문자로 시작해야함 - public class UsrHomeController ~ 위에 @Controller를 쓴 이유는 이 코드가 컨트롤러 라는 것을 스프링한테 알려주기 위해서임 # 29강, 프레임워크 개요 - 이전의 개발자들이 어느정도의 틀을 만들어놔서 후세대 개발자들이 갖다가 쓸 수 있는 것처럼, 프레임워크 라는 것으로 인해 우리가 처음부터 끝까지 만들지 않고 사용하는 법만 배우면 사용할 수 있도록 해주는 인프라 같은 존재 - 옛날에 비행기를 처음 만들었던 사람은 비행기를 만들고 조종하는 법을 알아야 했다면 현재에는 비행기는 만들어져있고 조종하는 법만 알면 됨 - 비행기가 만들어져 있음 : 프레임워크 - 조종법 배우기 : 프레임워크를 이용하여 개발 - 우리가 처음부터 다 하는것이 아니라 최소한으로 만들기만 하고 이게 뭔지 살짝만 알려주면 프레임워크가 그걸 알아서 다 해줌 - 그것이 바로 프레임워크!!! ## UsrHomeController 클래스 위에 @Controller의 의미 - 일종의 주석이라고 보면 됨 - 스프링한테 "UsrHomeController 클래스는 Controller야. showMain()이라는 메소드는 브라우저한테 만약 '/usr/home/main'이라는 요청을 받으면 return값을 실행해줘" 라는 뜻을 알려주기 위해서 쓰는 것 - @Controller와 같은 것을 '어노테이션'이라고 함 - 위의 MVC로 예시를 들어보면 점원, 고객 요청을 받는 애라고 생각하면 됨 (즉, 외부의 요청을 받아 Service로 토스하는 애) # 30강, /usr/home/main2, /usr/home/main3 추가 ## /usr/home/main 입력하면 "안녕하세요.", /usr/home/main2 입력하면 "반갑습니다.", /usr/home/main3 입력하면 "또만나요." 페이지가 뜨게 하기 ```java package com.pyh.exam.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; @Controller // 일종의 주석이라고 보면 됨. 스프링한테 아래의 클래스가 컨트롤러 라는 것을 알려주기 위해서 쓰는 것 public class UsrHomeController { @RequestMapping("/usr/home/main") // 이러한 url로 접속이 요청되면 @ResponseBody // 아래 함수가 리턴한 값(즉, Body를)을 브라우저로 전달한다. public String showMain() { // showMain()이라는 이 함수가 실행되어 화면에 띄워진다 (이 때, showMain() 메서드는 그냥 마음대로 이름을 지은 것. ddd 이런식으로 지어도 됨) return "안녕하세요."; } @RequestMapping("/usr/home/main2") @ResponseBody public String showMain2() { return "반갑습니다."; } @RequestMapping("/usr/home/main3") @ResponseBody public String showMain3() { return "또만나요."; } } ``` - 여기서 메소드 이름은 전혀 중요하지 않음. - showMain() 메소드는 그냥 마음대로 이름을 지은 것. ddd 이런식으로 지어도 됨 - 어차피 "/usr/home/main"를 요청하면 ddd가 실행 되니깐 메소드명을 어떻게 짓든 전혀 상관없다! ```java public String showMain() { // public 리턴타입 메소드명(매개변수) return "안녕하세요."; } ``` - 리턴 값이 "안녕하세요."라는 문자열이므로 리턴타입을 String이라고 정해준 것 - 들어오는 매개변수는 없으므로 괄호 안에는 빈칸 ## 프로젝트 생성 시 내가 미처 추가하지 못한 툴이나 실행 프로그램을 추가로 넣고 싶을 때 - 프로젝트 마우스 우클릭 > Spring > Add Starters 클릭 > 추가할 프로그램 검색하여 선택하면 됨! ## 스프링부트에서 터미널 창 뜨게 하고 싶을 때 - 스트링부트의 좌측 창에서 프로젝트 클릭 후 `Ctrl + Alt + T` 입력하면 터미널 창 뜸 - 또는, 프로젝트 마우스 우클릭 > Show In > Terminal 클릭하면 터미널 창 뜸 ## 스트링부트에서 git에 업로드 할 때 - 좌측 창의 프로젝트(demo) 마우스 우클릭 > Show In > System Explorer > 프로젝트가 위치해 있는 폴더가 뜸 > 프로젝트 폴더(demo) 클릭 > 경로창에다가 대고 cmd 쳐서 열기 - git status해서 파일이 수정되거나 추가된게 있는지 보기 - 이 때, `bin/`이나 추가되어 있을 수 있음 - `bin/` 파일은 git에 공유할 필요가 없으므로 .gitignore에 추가하여 git에 업로드 시 제외 시키기 - 프로젝트 폴더 들어간 상태에서 .gitignore 파일을 vs code로 열기 - 알아보기 쉽게 아래와 같이 커스텀이라고 써서 주석 달아주고 `bin/`파일 적고 저장 ```python ## 커스텀 bin/ ``` 3. 다시 cmd로 돌아와서 git status 치고 `bin/`파일이 제외 되었는지 확인 4. git config user.name "yuuuuuni" 5. git config user.email "yuuuuuni930302@gmail.com" 6. git add . 7. git status로 다 반영되었는지 확인(글자들이 초록색으로 변했는지) 8. git commit -m "/usr/home/main2, /usr/home/main3 추가" (커밋할 메시지 그때 그때 적으면 됨) 9. git push origin master # 34강, 액션메서드에서 각종 리턴타입 실험 - 자바의 경우 다양한 형태의 데이터를 사용할 수 있지만, 웹 브라우저는 오직 문자열만 인식할 수 있기 때문에 위처럼 다양한 형태의 데이터로 리턴을 해줘도 웹 브라우저에서는 다 문자열로 바뀐다. ```java package com.pyh.exam.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.ResponseBody; @Controller public class UsrHomeController { @RequestMapping("/usr/home/getString") @ResponseBody public String getString() { // 리턴타입이 String return "HI"; // 얘는 웹 브라우저가 문자열로 인식 } @RequestMapping("/usr/home/getInt") @ResponseBody public int getInt() { // 리턴타입이 int return 10; // 웹 브라우저에서 문자열 1 0으로 인식 } @RequestMapping("/usr/home/getFloat") @ResponseBody public float getFloat() { // 리턴타입이 float return 10.5f; // 웹 브라우저에서 문자열 1 0 . 5 f로 인식 } @RequestMapping("/usr/home/getDouble") @ResponseBody public double getDouble() { // 리턴타입이 double return 10.5; // 웹 브라우저에서 이게 10.5라는 실수가 아닌 그냥 문자열 1 0 . 5로 인식 } @RequestMapping("/usr/home/getBoolean") @ResponseBody public boolean getBoolean() { // 리턴타입이 boolean return true; // 웹 브라우저에서는 자바에서 사용하는 것을 인식할 수 없음. 그냥 문자열 t r u e로 인식함 } @RequestMapping("/usr/home/getCharacter") @ResponseBody public char getCharacter() { // 리턴타입이 char return 'a'; // 문자 a로 인식 } } ``` - HashMap이나 ArrayList의 경우도 자바만 이해할 수 있는 개념이며, 브라우저는 바보라 문장만 인식할 수 있음 - 그렇기 때문에 스프링이 중간에 아래의 맵 함수를 브라우저가 이해할 수 있는 형태로 바꿔야 함 ```java @RequestMapping("/usr/home/getMap") @ResponseBody public Map getMap() { // 리턴타입이 HashMap Map map = new HashMap<>(); map.put("철수나이", 22); map.put("영희나이", 21); return map; } @RequestMapping("/usr/home/getList") @ResponseBody public List getList() { // 리턴타입이 ArrayList List list = new ArrayList<>(); list.add("철수"); list.add("영희"); return list; } } ``` - 클래스의 경우에는 `{"id":1,"title":"제목1"}` 이러한 형태로 나옴 - 리스트 형태의 Article 2개가 있는 경우에는 `[{"id":1,"title":"제목1"},{"id":2,"title":"제목2"}]` 이렇게 나온다. ```java @RequestMapping("/usr/home/getArticle") @ResponseBody public Article getArticle() { // 리턴타입이 Article 클래스 Article article = new Article(1, "제목1"); // Article article = new Article(); @NoArgsConstructor이걸 쓰면 이렇게 인자 없는 생성자도 생성 가능 return article; } @RequestMapping("/usr/home/getArticles") @ResponseBody public List

getArticles() { Article article1 = new Article(1, "제목1"); Article article2 = new Article(2, "제목2"); List

list = new ArrayList<>(); list.add(article1); list.add(article2); return list; } } @Data @NoArgsConstructor // 인자 없는 생성자까지 가능하도록 @AllArgsConstructor // 이걸 쓰면 생성자 따로 만들어줄 필요 없이 new Article(1, "제목1") 이렇게 써주면 생성자가 자동으로 만들어짐 class Article { private int id; // private로 하면 자신만 접근 가능하므로 클래스 위에 @Data를 붙여서 접근 가능하도록 함 private String title; } ``` - 자바 세상에서의 객체 또는 map은 `{}` 형태로 표현됨 - 자바 세상에서의 array 또는 list는 `[]` 형태로 표현됨 # 42강, MVC 개념 - MVC 개념 - M : 모델 (요리, 재료, 재료창고 / 순수 데이터, 로직) - V : 뷰 (플레이팅 / 프로그램의 눈에 보이는 부분) - C : 컨트롤러 (점원 / 고객의 요청을 받아서 M과 V를 컨트롤 하는) - 프로그램을 이러한 방식으로 나눠서 개발하면 유지보수도 편하고, 좋은 구조가 돼서 프로그램의 확장성도 좋아진다. - M(모델) : 순수 데이터 - V(뷰) : 프로그램의 눈에 보이는 부분(화면단) - C(컨트롤러) : 웹 브라우저의 요청을 받아 모델과 뷰를 컨트롤하는 매개체 # 43강, 스프링부트에서의 MVC - 스프링부트에서의 MVC의 개념 - M - 서비스 : 요리사 - 핵심 로직 담당 - 리포지터리(dao) : 창고지기 - DB 데이터를 가져오거나 수정하는 단순한 일 함 - DB : 재료 창고 - 순수 DB 데이터 - V - jsp - js - css - html - C - 컨트롤러 : 점원 - 웹브라우저의 요청을 받고 서비스에게 전달 ## MVC의 그림 ![image](https://i.esdrop.com/d/f/xlFA8SxdVr/paA9hr928e.jpg) # 44강, ArticleService 추가 후 UsrArticleController에 연결 - Controller 클래스는 무조건 컨트롤러 클래스명 위에 `@Controller`를 붙여줘야하고 패키지명도 `package com.pyh.exam.demo.controller;` 처럼 끝에 꼭 controller가 들어가야한다. - Service 클래스도 무조건 서비스 클래스명 위에 `@Service`를 붙여줘야하고 패키지명도 `package com.pyh.exam.demo.service;` 처럼 끝에 꼭 service가 들어가야한다. - 이때 패키지명 앞부분 `package com.pyh.exam.demo`까지는 무조건 있어야함 - 즉, DemoApplication이 들어있는 패키지명까지는 무조건 포함되어야 하고 그 뒤에 controller나 service를 붙이면 됨 ## ArticleService 클래스 생성 후 UsrArticleController에 연결하기 ( 즉, Service 클래스 생성 후 Controller에 연결하기) - Service의 경우 `package com.pyh.exam.demo.service;` 패키지를 만들고 `ArticleService`라는 클래스를 만든다. - 그 다음 스프링에게 여기가 Service라는 것을 알려주기 위해 `ArticleService` 클래스 위에 `@Service`라는 Service 어노테이션을 붙여준다. - 이러한 ArticleService 클래스를 UsrArticleController에서 사용해줘야 하므로 둘을 연결 시켜야 한다. - UsrArticleController 클래스에 가서 ArticleService 객체를 만든다.(이게 ArticleService 클래스와 UsrArticleController 클래스를 연결 시켜주는 것) - 이 때, 스트링부트에서는 컴포넌트에는 new를 잘 안쓰기 때문에 private ArticleService articleService = new ArticleService() 이런식으로 객체를 생성하는 것이 아니라 해당 클래스를 `private ArticleService articleService;` 라고 선언만 해주고 그 위에 `@Autowired`만 붙여주면 알아서 new가 되어 객체가 생성된다. - @autowired : wire가 선으로 연결 시킨다는 뜻으로 알아서 new가 되니 직접 new를 이용하여 객체를 생성해줄 필요가 없다. - 다만, 아무데나 이걸 달면 안됨. 꼭 @Service나 @Repository 처럼 컴포넌트로 등록된 애들한테만 달 수 있다. ## MVC에 대해 내가 정리해본 대략적인 순서 MVC의 중요 순서 - 컨트롤러 -> 서비스 -> 리포지터리 -> DB 순으로만 무조건 요청(호출)이 이루어진다 - 서비스가 컨트롤러한테 역으로 요청하거나, 컨트롤러가 서비스 건너뛰고 저 멀리 리포지터리한테 요청하는 일은 절대 없음! - 무조건 일방적인 이순서!! 그리고 각각의 요청 받는 애들은 누가 요청했는지 조차 모른다. 심지어 존재하는지도 모르고 요청한 애한테 응답만 해줄 뿐이다. - 즉, 서비스는 컨트롤러의 존재도 알지 못한채 요청이 왓으니 그냥 응답을 해줌 - 서비스는 리포지터리한테 요청해야하므로 리포지터리의 존재를 알지만 리포지터리는 요청에 응답만 해줄 뿐이기에 서비스 존재 조차 모른다 ## private, public 의 차이 - private를 해놓으면 외부에서 접근할 수가 없음 - public을 해놓으면 외부에서도 접근하여 메소드를 요청할 수 있음 - 예를 들어, 한 음식점이 있는데 거기에는 요리사와 재료창고가 있음. 그 요리사는 그 음식점 안에서 재료창고를 쓰면 되므로 private 처리해도 좋음. 하지만 재료창고가 이사가버림. 이때 재료창고를 private 해버리면 요리사가 재료창고에 접근 할 수 없음. 그러므로 외부에서 접근할 수 있도록 재료창고를 public으로 해놔야함 - 즉, 같은 클래스 내에서 호출되고 실행되는 것은 private로 하고 다른 클래스 내에서 호출되어야 하는것은 public으로 하여 외부에서도 접근 가능하도록 해야함 - 또한, 글쓰기, 글조회, 글삭제, 글수정 같은 경우는 외부에서 접근해야하므로 public을 해놔야하지만 내부에서만 쓰이는 기능은 최대한 private 해놔야함 - public으로 해서 이쪽저쪽 다 접근 가능하게 해놓으면 나중에 문제 생겼을때 난리나고 스파게티 코드가 됨 - 그래서 최대한 private를 한 다음 앞에 사람을 둬 그 사람을 public으로 풀어놓아 그 사람을 통해서만 접근할수 있도록 하기 - 예시) ```java public class Article { private id; private String title; private String body; } ``` - 이거는 클래스를 통해서만 각 필드들에게 접근할 수 있도록 Article만 public으로 풀어놓고 id, title, body는 private로 접근 못하도록 잠궈놓음 - 서비스 클래스의 경우에는 외부에서 접근할 일이 전혀 없으므로 private로 해줌 # 45강-1, 45강, UsrArticleController의 서비스 로직을 ArticleService 로 옮김 ## UsrArticleController를 ArticleService로 옮기는 것 - 먼저 ArticleService 패키지와 클래스를 생성 후 Controller 클래스가 Service 클래스를 쓰려면 Controller 클래스에 Service 객체를 생성해줘야 하므로 객체 만들어주기 - 이때 Service단은 컴포넌트로 등록이 되어있기 때문에 new 이용하여 하지 않고 `private ArticleService articleService;`라고 선언만 해주고 그 위에 `@Autowired` 를 붙여주면 된다.(그러면 Controller 클래스와 Service 클래스 연결 끝!) - UsrArticleController는 오직 url매핑이 들어오고 그에 따라 응답하는 액션 메소드 부분만 있어야함 - 데이터를 오직 처리만하는 것은 Service가 할 일이고, 데이터를 저장, 관리, 유지하는 것은 DB에서 하므로 DB로 가려면 먼저 리포지터리로 넘겨줘야함. 그러면 리포지터리로 옮길라면 서비스로 먼저 다 옮겨줘야겠지? - 그러므로, 액션 메소드 부분은 UsrArticleController로 남겨놓고, 서비스 메소드 부분은 ArticleService로 옮겨줘야함 - 그리고 UsrArticleController에서 `articleService.`을 이용하여 호출하면 되는 것 # 45강-2, ArticleService에 있던 단순 데이터 저장과 관련된 로직은 ArticleRepository 으로 옮김 ## 리포지터리 - 데이터의 창고 지기 (데이터를 관리하는 일은 모두 리포지터리한테 넘겨야함) - 데이터를 단순 저장하고 찾고 하는 것은 리포지터리가 해야하기 때문에 리포지터리 클래스로 넘겨줘야함 - 즉, 데이터를 CRUD(데이터를 생성, 조회, 수정, 삭제) 등을 하는 로직들은 원래 DB가 하는게 맞지만 Service 클래스에서 DB 쪽으로 바로 넘길 수가 없으므로 리포지터리한테 넘기면 된다. ## 생성자 - 생성자란 객체가 생성될 때 마다 즉시 실행되는 메소드를 뜻함 - 내가 만약 객체를 생성할 때마다 어떠한 기능을 주고 싶거나, 변수를 초기화 하고 싶다면 생성자를 이용하면 됨 - 대표적인게 두 가지 역할이 있음 - 객체가 생성 시 변수를 초기화하기 - this.을 사용하여 객체 생성 시 한 번에 값 대입하기 # 48강, DB 스키마 생성, 게시물 테이블 생성 ## SQL 명령어, unsigned 의미 - 컬럼을 생성할때 활용도에 따라 범위를 다르게 주는 부분이라고 생각하면 된다. - id 같은 경우 솔직히 음수는 쓰지 않으므로 int의 범위에서 반은 쓰질 않는다. - 이럴 때, `unsigned`를 선언해 주면 그 범위가 양수로 옮겨진다. - 속성을 INT로 줬을 경우 -2147483648 ~2147483647 에서 0 ~ 4294967295 로 옮겨가는 것이다. - 보통 음수가 전혀 필요없는 게시판의 id 등의 칼럼을 만들 때 선언한다. ## SQL 명령어, auto_increment 의미 - auto_increment를 사용하면 레코드의 값이 중복되지 않고 1씩 자동 증가하게 된다. - 특히 가장 많이 사용되는 곳은 테이블의 제일 첫 칼럼으로, 테이블을 만들 때 첫 칼럼은 거의 대부분 테이블 레코드에 대한 고유값을 지정하여 사용하기 때문이다. - 보통 저절로 1씩 자동 증가 되는 id 컬럼에 많이 추가된다. ## sql 작성할 때 id, regDate, updateDate 컬럼은 반드시 포함시키기 - sql로 테이블 생성할 때 id, regDate, updateDate 컬럼은 어느 테이블이던 간에 상관없이 무조건 써줘야 관리하기가 편함 - 게시물 테이블이든, 회원 테이블이든, 테이블 종류에 상관없이 무조건 있어야함!!!! ```sql id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, # 등록일자 컬럼 추가 updateDate DATETIME NOT NULL, # 수정일자 컬럼 추가 ``` ## 게시물(article) 테이블 실제로 생성해보기 - xampp 켜서 MySQL Start 하고, SQLyog 켜서 아래와 같이 입력하면 됨 ```sql # DB 생성 DROP DATABASE IF EXISTS sb_c_2022_1st; CREATE DATABASE sb_c_2022_1st; USE sb_c_2022_1st; # 게시물(article) 테이블 생성 CREATE TABLE article ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, # 등록일자 컬럼 추가 updateDate DATETIME NOT NULL, # 수정일자 컬럼 추가 title CHAR(100) NOT NULL, `body` TEXT NOT NULL ); # 게시물 테스트 데이터 생성 INSERT INTO article SET regDate = NOW(), updateDate = NOW(), title = '제목 1', `body` = '내용 1'; INSERT INTO article SET regDate = NOW(), updateDate = NOW(), title = '제목 2', `body` = '내용 2'; INSERT INTO article SET regDate = NOW(), updateDate = NOW(), title = '제목 3', `body` = '내용 3'; ``` # 50강, DB 스키마 생성, 게시물 테이블 생성 - 인터페이스(interface)란? - 추상 메소드로만 이루어져 있는 클래스 - 추상 메소드란? - 실제 구현부가 없는 메소드를 말함 - {}와 같은 실행 부분이 없는 메소드 ex) - abstract ~~ (); 이런식으로 미완성 메소드인 것을 말한다. - 즉, 추상 메소드는 실행 부분이 없는 메소드를 말하며 이러한 메소드로만 이루어진 클래스가 바로 인터페이스(interface)인 것이다. #### 주의! - 상속하는 부분이 extends 이면 class를 써주고, 상속하는 부분이 implements 이면 interface를 써준다. - 그러므로, interface는 추상 메소드만 넣을 수 있다!!! # 52강, INSERT 쿼리를 메서드와 연결, last_insert_id 사용 #### SELECT LAST_INSERT_ID(); - mysql에서 가장 마지막에 삽입된 데이터의 번호를 알고 싶을 때 해당 명령어 사용 # 56강, 테일윈드 소개 및 사용법 ## 테일윈드 - 테일윈드를 적용하면 기본적으로 노멀라이징을 해줘서 편하다. - 노멀라이징이란? 원래 html은 기본적으로 가지고 있는 초기값이 있는데 이러한 값들은 우리가 작업하기에 전혀 쓸모가 없다. - 그래서 우리가 일일이 수동으로 직접 속성을 입력하여 초기값을 다 0으로 해줘야하는데 (이런거를 노멀라이징이라고 함) - 테일윈드는 그 자체에 노멀라이징 기능이 있어 우리가 수동으로 일일이 지정해줄 필요가 없다. - 내가 알고 있는 CSS는 html에서 입력하는 칸 따로, CSS에서 입력하는 칸 따로 있는데, 테일윈드를 사용하면 html에서 class 안에 넣고 싶은 속성들을 다 때려 넣어주기만 하면 돼서 편하다. ## 테일윈드 불러오기(적용시키기) #### 방법 1 - `https://cdnjs.com/` 홈페이지 접속 - 가운데에 있는 검색창에 tail만 쳐도 `tailwindcss`가 맨 위에 뜬다. 그거 클릭 > 맨 위에 있는 주황색 박스 안의 링크 복사 - 코드펜으로 가서 link 입력하고 탭 - href 부분에 복사한 코드 붙여넣기 하면 테일윈드 불러오기 완료! #### 방법 2 - 코드펜에서 우측 상단의 Settings > CSS > 밑으로 좀 내려서 검색하는 창에 tail 입력 - 보기에 뜨는 tailwindcss 선택 > 첫번째 주소 전체 선택하고 잘라내기 > Settings 창 닫고 html 부분에 link 탭한 후 href에 붙여넣기 - 테일윈드 불러오기 완료! ## 테일윈드의 몇가지 속성 적용 방법 ```html

``` - w-24 : width(넓이) 24만큼 - h-24 : height(높이) 24만큼 - bg-purple-500 : 배경색 보라색으로 500만큼 진하게(0으로 갈수록 연함, 500이 가장 적당한 색인듯) - mt-10 : margin top을 10px 만큼 ( 해당 엘리먼트의 상단 부분을 10px 만큼 떨어뜨린다는 뜻) - border : 가로로 선이 길게 그려짐 - flex : 세로 방향인 엘리먼트를 가로로 나란히 둠 - justify-between : 엘리먼트 사이사이에 간격을 균일하게 줌(justify-start: 왼쪽으로 쏠리게, justify-end: 오른쪽으로 쏠리게, justify-center: 가운데에 모여있게 justify-evenly: 살짝씩 간격을 균일하게 둠 등 되게 많다.) - items-center : 상하를 기준으로 가운데에 위치하도록 함 - 이런식으로 되게 쉽게 엘리먼트를 꾸밀 수 있다. ## 테일윈드로 꾸밀 때 참고해야할 테일윈드 치트시트(tailwind cheat sheet) - 테일윈드는 속성이 다 정해져있기 때문에 찾아서 보고 꾸미기만 하면 된다. - 구글 검색창에 `tailwind cheat sheet` 검색해서 가장 첫번째 사이트 클릭 - 좌측 상단의 검색창에 `w-`라고만 입력해도 넓이의 입력값으로 사용할 수 있는 보기들이 촤라락 다 나온다. 몇 픽셀인지도 나와있음. 여기에 나온 값만 써야함 # 57강, 무조건 봐야하는, CSS 튜토리얼 5종 소개 ## CSS 선택자 #### 한 칸 띄어쓰기 - 후손 선택자 #### > - 자식 선택자 #### #id - id 선택자 - ex) \

인 경우 이 엘리먼트를 가리킬때 #fancy라고 하면 됨 #### .class - class 선택자 - ex) \

인 경우 이 엘리먼트를 가리킬때 .small이라고 하면 됨 #### :first-child - 누군가의 첫번째 자식 #### :only-child - 형제가 없는 누군가의 유일한 자식 (외동느낌?ㅋ) #### :last-child - 누군가의 마지막 자식 #### :nth-child(A) - A번째를 가리킴 - ex) 접시 4개 중 세번째를 가리키려면? `plate:nth-child(3)` #### :nth-last-child(A) - 마지막에서(끝에서) A번째를 가리킴 #### :first-of-type - 각각의 타입 중에서 첫번째 #### :nth-of-type(A) - 각각의 타입 중에서 A번째 #### :only-of-type - 타입 중에서 오직 혼자만 있는 것 #### :last-of-type - 타입 중에서 가작 마지막 #### :empty - 자식이 없다는 뜻 #### :not(X) - 아닌 것 - ex) 사과 중에 class=small이 아닌 것을 가리키려면? `apple:not(.small)` #### [attribute] - 속성을 가지고 있는 엘리먼트를 가리킴 #### [attribute="value"] - 속성이 있고 속성에 값이 있는 엘리먼트를 가리킴 #### [attribute^="value"] - 속성이 value 값으로 시작하는 엘리먼트들을 가리킴 - ex) 속성이 for이고 Sa로 시작하는 것을 찾으려면? `[for^="Sa"]` #### [attribute$="value"] - 속성이 value 값으로 끝나는 엘리먼트들을 가리킴 - ex) 속성이 for이고 ato로 끝나는 것을 찾으려면? `[for$="ato"]` #### [attribute*="value"] - 속성에 value 값을 포함하는 엘리먼트들을 가리킴 - ex) 속성이 for이고 값에 obb가 포함되어있는 것을 찾으려면? `[for*="obb"]` ## CSS flex ### justify-content (좌우 간의 정렬) - flex-start: 요소들을 컨테이너의 왼쪽으로 정렬 - flex-end: 요소들을 컨테이너의 오른쪽으로 정렬 - center: 요소들을 컨테이너의 가운데로 정렬 - space-between: 요소들 사이에 동일한 간격을 둠 - space-around: 요소들 주위에 동일한 간격을 둠 ### align-items (상하 간의 정렬) - flex-start: 요소들을 컨테이너의 꼭대기로 정렬 - flex-end: 요소들을 컨테이너의 바닥으로 정렬 - center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬 - baseline: 요소들을 컨테이너의 시작 위치에 정렬 - stretch: 요소들을 컨테이너에 맞도록 늘림 ### flex-direction - row: 요소들을 텍스트의 방향과 동일하게 정렬 - row-reverse: 요소들을 텍스트의 반대 방향으로 정렬 - column: 요소들을 위에서 아래로 정렬 - column-reverse: 요소들을 아래에서 위로 정렬 ### order - 양수, 0, 음수로 순서를 지정할 수 있음 - 가운데에서 왼쪽으로 이동하려고 할 때 : `order: -1;` - 가운데에서 오른쪽으로 이동하려고 할 때 : `order: 1;` ### align-self - 개별 요소에 적용할 수 있는 또 다른 속성으로 align-items가 사용하는 값들을 인자로 받으며, 그 값들은 오직 지정한 요소에만 적용된다. (따로 따로 적용시킬 수 있다는 뜻) - flex-start: 요소들을 컨테이너의 꼭대기로 정렬 - flex-end: 요소들을 컨테이너의 바닥으로 정렬 - center: 요소들을 컨테이너의 세로선 상의 가운데로 정렬 - baseline: 요소들을 컨테이너의 시작 위치에 정렬 - stretch: 요소들을 컨테이너에 맞도록 늘림 - 이러한 속성들을 개별로 지정할 수 있다는 뜻임 ### flex-wrap - nowrap: 모든 요소들을 한 줄에 정렬 - wrap: 요소들을 여러 줄에 걸쳐 정렬 - wrap-reverse: 요소들을 여러 줄에 걸쳐 반대로 정렬 ### flex-flow - flex-direction과 flex-wrap을 한 줄로 다 쓴 것 - ex) `flex-flow: column wrap` : 요소들을 위에서 아래로 여러줄에 걸쳐서 정렬 ### align-content (여러 줄들을 정렬하는 것이 핵심!) - flex-start: 여러 줄들을 컨테이너의 꼭대기에 정렬 - flex-end: 여러 줄들을 컨테이너의 바닥에 정렬 - center: 여러 줄들을 세로선 상의 가운데에 정렬 - space-between: 여러 줄들 사이에 동일한 간격을 둠 - space-around: 여러 줄들 주위에 동일한 간격을 둠 - stretch: 여러 줄들을 컨테이너에 맞도록 늘림 ## CSS grid ### grid-column-start - 한 개의 그리드 열(column)을 뜻함 - `grid-column-start: 3;` 하면 그리드의 왼쪽에서 세번째 열(column) 항목을 뜻함 ### grid-column-end - grid-column-start와 이을 때 사용할 수 있음 - 만약, 첫번째 그리드 부터, 세번째 그리드까지 표현하고 싶으면? 아래와 같이 쓰면 됨 (1~3까지 확장하여 표현) ```css #water { grid-column-start: 1; grid-column-end: 4; } ``` ### grid-column - start와 end 부분을 /(슬래쉬)로 구분지어서 한번에 쓸 수 있음 - ex) grid-column: 2 / 5 이런식으로! ### grid-row-start - 한 개의 그리드 행(row) 을 뜻함 - `grid-row-start: 3;` 하면 그리드의 위쪽에서 세번째 행(row) 항목을 뜻함 ### grid-row-end - grid-row-start와 이을 때 사용할 수 있음 ### grid-row - start와 end 부분을 /(슬래쉬)로 구분지어서 한번에 쓸 수 있음 ### grid-area - grid-area은 /(슬래쉬)로 구분지어 grid-row-start, grid-column-start, grid-row-end, grid-column-end순으로 입력 가능 # 61강, 회원 테이블 추가 ## 회원(member) 테이블 생성하기 - 컬럼 중 데이터타입 `DEFAULT`로 준 것은 말 그대로 기본으로 설정되어있는 값을 말하는 것으로, 디폴트로 설정할거면 데이터 생성 시 굳이 해당 컬럼을 넣지 않아도 자동으로 데이터가 삽입된다. - ex) authLevel 컬럼의 DEFAULT 3, delStatus 컬럼의 DEFAULT 0 - 데이터타입 `COMMENT`는 일종의 주석을 달 수 있는 컬럼으로 COMMENT 하고 ' ' 안에 설명을 적음 - 데이터타입 `SMALLINT`는 작은 범위에서 사용하는 타입으로 값을 3으로 주면 일반회원, 7로 주면 관리자로 설정하는 등의 숫자로 필터를 거는 경우 사용 - SMALLINT(2)라고 하면 숫자 2개를 사용하여 '3=일반회원, 7=관리자회원'으로 나눔 - 데이터타입 `TINYINT`는 `SMALLINT`보다 더 작은 개념으로 숫자 0과 1을 사용하며 자바에서는 true와 false로 인식한다 - TINYINT(1)이라고 하여 '0=탈퇴전, 1=탈퇴'로 나눔 - 일반적으로 회원 관리의 경우 회원이 탈퇴한다고 그 회원의 모든 정보를 완전 삭제하지는 않는다. 보통은 컬럼 delStatus와 같이 삭제상태를 나타내는 컬럼을 추가하고, 탈퇴전과 탈퇴 필드에 값을 부여하여 탈퇴하면 정보를 숨기는 식으로 개발한다고 한다. - 속성 `UNSIGNED`는 INT의 기본적인 범위에서 음수 부분을 제외하고 양수 부분으로 옮겨지는 속성을 의미한다. - 숫자 3과 7만을 값으로 주는 SMALLINT(2), 숫자 0과 1만을 값으로 주는 TINYINT(1)의 제약조건에 `UNSIGNED`를 추가함으로써 0~양수 부분까지만 사용한다고 제한을 걸어두었다고 생각하면 된다. ```sql # 회원(member) 테이블 생성 CREATE TABLE `member` ( id INT(10) UNSIGNED NOT NULL PRIMARY KEY AUTO_INCREMENT, regDate DATETIME NOT NULL, updateDate DATETIME NOT NULL, loginId CHAR(20) NOT NULL, loginPw CHAR(60) NOT NULL, authLevel SMALLINT(2) UNSIGNED DEFAULT 3 COMMENT '권한레벨 (3=일반, 7=관리자)', # 권한레벨 컬럼, COMMENT하고 ' '안에 쓸 말을 적어 주석으로 달 수 있음, 3과 7이라는 양수만 사용할 것이므로 UNSIGNED 속성 추가 `name` CHAR(20) NOT NULL, nickname CHAR(20) NOT NULL, cellphoneNo CHAR(20) NOT NULL, email CHAR(50) NOT NULL, delStatus TINYINT(1) UNSIGNED NOT NULL DEFAULT 0 COMMENT '탈퇴여부 (0=탈퇴전, 1=탈퇴)', # 삭제상태 컬럼 delDate DATETIME COMMENT '탈퇴날짜' # 탈퇴날짜 컬럼, 탈퇴를 해야만 생기는 컬럼이므로 탈퇴를 안하면 비어있을 수 있기 때문에 not null로 안해놓음 ); # 회원 테스트 데이터 생성 (관리자 회원) INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = 'admin', loginPw = 'admin', authLevel = 7, `name` = '관리자', nickname = '관리자', cellphoneNo = '01011111111', email = 'yuuuuuni930302@gmail.com'; # 회원 테스트 데이터 생성 (일반 회원) INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = 'user1', loginPw = 'user1', `name` = '사용자1', nickname = '사용자1', cellphoneNo = '01011111111', email = 'yuuuuuni930302@gmail.com'; INSERT INTO `member` SET regDate = NOW(), updateDate = NOW(), loginId = 'user2', loginPw = 'user2', `name` = '사용자2', nickname = '사용자2', cellphoneNo = '01011111111', email = 'yuuuuuni930302@gmail.com'; SELECT * FROM `member`; ``` # 67강, Ut.empty 함수 도입 ## instanceof - 객체 타입을 확인하는 연산자 - 형변환 가능여부를 확인하며 true / false로 결과를 반환한다