230921 (목)

Ajax - Asynchronous 비동기

모든 I/O(통신 - JSON), JS는 비동기

 

- 브라우저가 현재 페이지를 유지하면서 데이터를 통신시키고 싶을 때 :

자바스크립트에서 서버와 개별통신을 통해서 데이터를 요청, 응답을 받음.

* 메일서비스, 지도서비스, 댓글 처리 시 많이 사용됨.

 

- SignUp (회원가입)

1) 유효성 검사 : @Valid

2) 추가 유효성 검사 : 비밀번호 확인,  id중복문제 -> 우리가 직접 해야 함.

 

- 전역에러 : reject (필드 상관없이 값을 넘길 수 있음. 에러, 메세지만 넘기면 됨.)

- 필드에러 : rejectValue(필드, 에러코드, 메세지 3가지를 넘겨주면 됨.)

 

errors.hasErrors()

errors.hasFieldErrors()

 

저장

- member

- 비밀번호 암호화 : encoder.encode()를 통해서 암호화 된 비밀번호를 받아서 실제 비밀번호를 비교할 것임.

- auth : 우리는 하드코딩을 할 예정임.

 

<비밀번호 변경>

모델에 맞춤 : DTO

DB에 맞춤 : VO

 

예를 들어서, 우리가 비밀번호를 변경하고자 할 때,

보통의 홈페이지에서는

기존의 비밀번호,

변경할 비밀번호,

변경할 비밀번호 확인

 

이렇게 3가지의 과정을 거치게 되는데,

이때 변경할 비밀번호와, 변경할 비밀번호 확인은 DB에 없는 데이터이기 때문에

이때는 우리가 직접 유효성 검사를 해줘야 한다.

 

이때, 어떤 방식으로 이것을 구현할지는 우리가 선택해서 쓸 수 있는데,

모델에 맞추는 방식을 사용할 것이라면 DTO(VM - View Model)를 쓰면 되고,

DB에 맞추는 방식을 사용할 것이라면 VO를 쓰면 된다.

 

<Thumbnail 이미지>

1. 생성

- Thumbnails.of(File 객체)

- Thumbnails.of(InputStream 객체)

 

2. 저장

- .toFile(File 객체)

- .toFile(OutputStream 객체)

 

3. 크기 조정

- .size(with, height)

 

4. 자르기

- .sourceRegion(Positions.CENTER, width, height)

 

<sec:authentication property="principal.username" var="username"/>

sec:authentication을 여러번 사용해야 할 때, var을 통해서 변수명을 주면

코드를 중복작성하지 않고

${username} 처럼 변수명을 불러와서 재사용 가능하다.