IT 끄적끄적

스프링 부트 시큐리티는 localhost:8080/logout이 자동 로그아웃 주소이다. successHandler 시큐리티가 로그인에 성공했을 때 무조건 타게 하는 핸들러이다. 이전에는 defaultSuccessUrl("/")을 사용하여 메인 페이지로 가게 했는데 핸들러를 만들어 해당 유저의 블로그로 넘어가도록 해줄 것이다. successHandler를 사용하려면 인수로 AuthenticationSuccessHandler( ) 타입을 넣어줘야 하는 강제성을 부여한다. AuthenticationSuccessHandler가 인터페이스이기 때문에 바로 new 해줄 수 없다. 바로 익명 클래스를 넣어줘도 되긴 하는데 코드가 지저분해지기 때문에 AuthenticationSuccessHandler( ) 타입을 i..

자바에서 오브젝트를 리스트 타입으로 만들어 모델에 담아 mustache로 가지고 가려고했다. // 유저가 가진 시간표 목록 담기 List timetables = timetableService.시간표불러오기(id); model.addAttribute("timetables", timetables); 머스태치에서 모델값을 찾아 자바스크립트로 제어해서 그림을 그려야하는데 자바스크립트에서 {{timetables}}는 리스트 타입이 아닌 String 타입으로 인식한다. . . . 각자 오브젝트의 생긴 모양새가 다르기때문에 바로 자바스크립트 오브젝트로 바꿀 수 없다. Json으로 바꿔서 던져주자. ObjectMapper를 사용하면 된다. writeValueAsString( )이 자바 오브젝트를 json으로 바꿔주는 ..

1. 스프링 시큐리티는 /login (POST) 주소로 요청이 들어오면 로그인 프로세스가 자동 진행된다. /login은 정해진 주소이고, GET 요청은 안 받아준다!! 2. 스프링 시큐리티는 /login 요청이 올 때 Body를 확인하는데, x-www-form-urlencoded만 확인한다. 즉, Json 테이터는 받지 않는다! 3. 1번과 2번을 BasicAuthenticationFilter가 진행하여 클라이언트의 요청을 받아 x-www-form-urlencoded 타입을 파싱 해주는데 두 가지 키 값만 체킹 한다. username과 password!! 우리 DB에서 username을 user, password를 pw라고 지정해주면 시큐리티가 인식하지 못한다. 이때 변경하고 싶다면 SecurityCon..

시큐리티 설정 파일에 의해 /s 주소가 앞에 붙은 요청은 모두 로그인 화면으로 이동하게 된다. package site.metacoding.blogv3.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.security.config.annotation.web.builders.HttpSecurity; import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity; import org.springfram..

유효성 검사라는 부가적인 로직을 처리했으니 핵심 로직을 처리해준다. @PostMapping("/join") public String join(@Valid JoinReqDto joinReqDto, BindingResult bindingResult) { // 회원가입 로직에서 유효성 검사 코드는 부가적인 코드!! -> AOP if (bindingResult.hasErrors() == true) { // 하나라도 오류가 있다면 true Map errorMap = new HashMap(); for (FieldError fe : bindingResult.getFieldErrors()) { // System.out.println(fe.getField()); // 어느 변수에서 오류가 났는지 알려줌 // System..

Validation이라는 라이브러리를 사용해 유효성 검사를 해주자. Blog-V2에서 if로 직접 null 체크했던 과정을 Validation 라이브러리가 해주는 것이다. 아주 간편하다. 체크 후 오류가 있는지 없는지 확인하는 건 따로 해줘야 한다. 나중에 해보자. @PostMapping("/join") public String join(@Valid JoinReqDto joinReqDto, BindingResult bindingResult) { System.out.println(bindingResult.hasErrors()); // 하나라도 오류가 있다면 true return "redirect:login-form"; } 실행 시에 @Valid가 붙어있는 JoinReqDto를 확인해보고, 자신의 어노테이션..

이제 시큐리티 사용해서 회원가입 기능을 만들어보자 1. 프론트에서 막아준다. maxlength, required!! form 태그로 요청할 수 있는데 굳이 ajax를 사용할 필요 없다! form 태그로 요청하면 타입은 x-www-form-urlencoded!! 회원가입할 때 컨트롤러에서 받을 값은 3개(username, password, email), 유저 오브젝트로는 3개 값만 받을 수 없으니까 Dto를 만들어준다. 회원가입을 할 때 서버 입장에서 필요한 건 요청받는 Dto이다. 이름을 joinReqDto라고 만들자. Req는 Request의 약자이다. Dto에서 엔티티로 변환하는 방법을 알아보자. 1. 생성자로 만들어서 넣는 방법 -> 인수를 넣어주는 순서가 중요! public class JoinRe..

https://git.blivesta.com/drawer/ Drawer Flexible drawer menu using jQuery, iScroll and CSS. git.blivesta.com 제이쿼리 링크는 이미 있으니까 구분해서 지워주자. css링크는 제일 밑에 있는 링크가 우선시 되기 때문에 내 css 링크를 제일 아래 적어주자. 문서에 나와있는 사용법을 참고해 테스트를 먼저 해준다음 블로그로 가져가자. toggle navigation Brand Nav1 Nav2 [출처] https://cafe.naver.com/metacoding 메타코딩 : 네이버 카페 코린이들의 궁금증 cafe.naver.com 메타 코딩 유튜브 https://www.youtube.com/c/%EB%A9%94%ED%83%80..

부트스트랩 4 버전을 사용할 것이다. 5는 리액트를 위해 만들어진 것이다. 공통적인 css는 따로 빼주고 색깔 관련 css도 따로 빼주는 게 보기 좋다. css 파일에 @import가 가능해서 연결할 수 있다. 이제 헤더에는 styles.css 링크만 붙여주면 되겠다. 위젯 단위로 디자인 클래스를 만들고 컴포넌트로 묶어서 클래스로 만들자. 이미 만들어둔 클래스를 다른 파일에서 재사용이 안된다. 그래서 나온 게 SASS(Syntactically Awesome Style Sheets)!! 지금은 재사용할 수 없으니까 다시 지정해줘야 한다. 대신 컴포넌트로 묶어서 한방에 지정해주자. 해당 컴포넌트가 재사용이 되는지 잘 생각하고 재사용이 되면 위젯 여러 개를 컴포넌트에 하나로 만들어주고, 재사용되지 않으면 위젯..

localhost:8080/ (메인페이지 - 글 있는 곳 아님) localhost:8080/user/{userId}/post localhost:8080/user/1 localhost:8080/user/{userId}/post/{postId} localhost:8080/user/{userId}/category/{title} Visit id userId totalCount createDate updateDate 방문자 수는 얼마나 잡아야할까? 마리아 디비의 가장 큰 숫자 타입이 bigint 타입이다. 마리아 디비에서 bigint 타입은 jpa에서 Long을 사용해주면 된다. package site.metacoding.blogv3.domain.visit; import java.time.LocalDateTime..