Spring/Tistory

블로그-V3. 카테고리별 글 목록 보기(페이징 적용)

처리방법 1. 게시글목록보기( ) - 카테고리가 있으면 - 카테고리가 없으면 장점 : 컨트롤러에서 심플하게 호출 가능 2. 게시글목록보기( ) 카테고리별게시글보기( ) 장점 : 카테고리별게시글보기 재사용 가능 어떤 방법으로 만들든 동작을 하지만 분리시켜서 서비스를 만드는 게 좋다. 해당 유저의 블로그를 들어갔을 때 전체 글 목록이 나온다. -- 그 페이지 주인 userId = 1의 모든 게시글!! -- 카테고리 선택하면 SELECT * FROM post WHERE userId = 1 AND categoryId = 클릭한번호; 카테고리가 쿼리 스트링으로 날아가기 때문에 카테고리가 null일 때는 전체 글 목록, 카테고리를 선택하면 해당 카테고리 아이디로 SELECT 하며 뿌려주자. @Query(value ..

2022. 4. 27. 00:22

Spring/Tistory

블로그-V3. 썸네일 지정 안했을 때 FakeImg 설정

썸네일 사진 업로드를 하지 않았을 때 데이터베이스에 어떻게 들어가는지 확인해보자. null이 들어가야 하는데 UUID만 붙어서 들어가 있다. 썸네일에 nullable=true를 설정해주지 않았기 때문이다. 파일을 넣지 않으면 FakeImg가 나오도록 설정해주자. Post 오브젝트에 thumnail을 nullable=false로 지정해주고, PostWriteReqDto에서 thumnail에 붙은 @NotNull을 지워준다. 그다음 UUID가 달리지 않게 하기 위해 PostService의 게시글쓰기 메서드를 수정해준다. // 1. 이미지 파일 저장 (UUID 변경) 후 경로 리턴 받기 String thumnail = null; if (!postWriteReqDto.getThumnailFile().isEmpt..

2022. 4. 27. 00:18

Spring/Tistory

블로그-V3. 프로젝트 외부 파일 경로 지정

썸네일을 글 목록에 불러오기 위해 경로를 지정해주는데 우리는 파일을 프로젝트 외부의 C드라이브에 저장해두었다. 외부 파일에 접근할 수 없기 때문에 설정 파일에서 설정을 해주어야 한다. 이 파일에 WebMvcConfigurer을 implements 받아준다. 이 파일이 web.xml 설정 파일과 같은 것이다. 메모리에 띄우기 위해 @Configuration을 달아준다. package site.metacoding.blogv3.config; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry; import or..

2022. 4. 27. 00:15

Spring/Tistory

블로그-V3. 썸네일 파일 업로드

파일 업로드 시 yml 파일 설정 dev파일에 저장 경로를 설정해줘야 한다. 사진 저장을 내 프로젝트 내부가 아닌 외부에 저장하겠다고 알려주는 것이다. C 드라이브로 경로를 지정하면 그 경로에 파일을 쓸 수 있는지 권한이 필요하다. 윈도우 폴더에 파일 쓰기 거부당한다면 아래 링크를 참고하자. https://blog.daum.net/khkim6001/649 [서대문구 홍은동,홍제동,영천동,천연동 컴퓨터수리,노트북수리] 관리자 권한이 필요합니다 라 요즘 메이커 컴퓨터는 대부분 윈도우8 이나 윈도우8.1이 설치되어 출시가 됩니다. 윈도우7 다음버전으로 나온것이 윈도우8이고 윈도우8이 사용상 불편해서 보완해서 나온것이 윈도우8.1입니다. blog.daum.net C:\Users\green\upload 해당 경로..

2022. 4. 27. 00:10

Spring/Tistory

블로그-V3. 글쓰기 화면(Quill, 카테고리, 파일 업로드)

글쓰기 버튼 만들어주고 글쓰기 화면 만들건데 퀼 에디터 써보자. https://quilljs.com/ Quill - Your powerful rich text editor Sailec Light Sofia Pro Slabo 27px Roboto Slab Inconsolata Ubuntu Mono Quill Rich Text Editor Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any ne quilljs.com 글쓰기 화면에서는 드로우바가 필요 없으니까 main-head..

2022. 4. 27. 00:02

Spring/Tistory

블로그-V3. 사용자별 카테고리 생성

1. 카테고리 등록 카테고리 등록 버튼을 누르면 어디로 페이지를 넘겨줘야 할까? 카테고리를 여러개 만들 수도 있으니까 /s/category/writeForm으로 리다이렉트 해주면 되겠다. 근데 그냥 페이지를 넘겨주기만 하면 카테고리가 잘 등록되었는지 알 수 없으니까 자바스크립트를 리턴해주면 좋겠다. @PostMapping("/s/category") public @ResponseBody String write() { return Script.href("/s/category/writeForm", "카테고리 등록 완료"); } 자바스크립트 locatino.href 로 페이지를 이동시켜주거나 history.back 같이 뒤로 가기 해주는 코드는 자주 사용되므로 util 폴더에 메서드로 만들어주자. 파일만 돌려주..

2022. 4. 26. 23:40

Spring/Tistory

블로그-V3. successHandler

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

2022. 4. 26. 23:12

Spring/Tistory

[프로젝트] 자바 오브젝트 json으로 변환 후 자바스크립트 오브젝트에 파싱

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

2022. 4. 21. 17:11

Spring/Tistory

블로그-V3. 시큐리티 로그인 프로세스

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..

2022. 4. 13. 09:14

Spring/Tistory

블로그-V3. 시큐리티 필터

시큐리티 설정 파일에 의해 /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..

2022. 4. 12. 15:06