[Spring] Member 실습1

24.05.16 63일차

 

a. 신규 스프링부트 프로젝트 생성(member)

  1. 보기 > 명령팔레트

  2. mybatis lib <= mvnrepository.com

  3. application.properties 수정

b. mybatis

  1. MyFactory.java

  2. config.xml

  3. member.xml (mapper 안쪽은 모두 비워둠)

c. PhotoVo.java, MemberVo.java

d. index.html

e. MemberController.java

  1. path="/" 부분

f. member table의 address => address1

  1. alter table member change address address1 varchar(200)

e. 추가 컬럼 : address2, zipcode

  1. alter table member add address2 varchar(200);

  2. alter table member add zipcode varchar(10);

 

 

pom.xml 

 

application.properties

thymeleaf 파일을 어디에서 관리할 것인지를 정의하는 곳

spring.thymeleaf prefix/suffix : thymeleaf 참조 경로

 

MemberVo.java

@Data : lombok의 기능으로 클래스 레벨에서 @Data를 붙여주면 모든 필드를 대상으로 @Getter, @Setter,

             @RequiredArgsConstructor, @ToString, @EqualsAndHashCode 가 생성됨

 

PhotoVo.java

 

MemberDao.java

@Component : 

 

index.html

 

MyFactory.java

 

config.xml

alias : 긴 명칭을 줄여서 지칭하는 별칭

 

member.xml

기본 골격만 준비

 

MemberController.java

list.html

items의 값은 임시값 넣어놓기(테스트를 위해)

 

index.js

localStorage : 브라우저를 껐다 켜도 값이 사라지지 않음

sessionStorage : 브라우저를 껐다 키면 값이 사라짐

ajax : javascript를 사용하여 server와 통신하는 기술 

$('.change').load("list.html","findStr=abc");

  => 파라메터 findStr을 list.html이 받아 처리한 결과를 class='change'인 곳에 페이지를 삽입시켜라.

 

MemberController.java

 

list.html

list의 값을 d에 차례대로 집어넣고, 클릭하면 view라는 function으로 id를 출력

실제값 삽입

 

MemberDao.java

 

MemberController.java

 

index.js

확인

 

index.js

view script 생성

 

view.html

 

MemberController.java

확인