MakerHyeon

프로필 페이지 -Image를 DB에 업로드 1. ImageUploadDto를 Image Object로 변환하기 위한 toEntity작성 - Parameter로 이미지경로와 User object를 받는다. // ImageUploadDto.java @Data public class ImageUploadDto { ... public Image toEntity(String postImageUrl, User user){ return Image.builder() .caption(caption) .postImageUrl(postImageUrl) .user(user) .build(); } } 2. Service에서 Dto를 이미지로 변환후 저장 // ImageService.java ... // image 테이블에 저장..

프로필 페이지 -Image모델 만들기/서버에 업로드하기 ● Image모델 만들기 1. Image table 생성 - 사진을 전송받아서 그 사진을 서버의 특정폴더에 저장후, DB에 저장된 경로를 insert - 유저 : 이미지 = 1: N, 이미지 : 유저 = N : 1 (@ManyToOne) - 오브젝트는 FK로 저장된다. 따라서 JoinColumn명을 지정해준다. // Image.java @Builder @AllArgsConstructor @NoArgsConstructor @Data @Entity public class Image { @Id @GeneratedValue(strategy = GenerationType.IDENTITY) private int id; private String caption;..

구독하기 -연관관계와 모델만들기 - 연관관계 개념 - fk의 주인은 many쪽으로 간다.(FK는 Many가 가져간다.) - N:N의 관계는 중간 테이블이 생긴다.(N:1,1:N) (ex)_구독하는유저/구독받는유저 1. subscribe package 생성후, 해당 패키지에 subscribe파일생성 - 오브젝트를 만들고 이에따라 Entity가 만들어진다. - 스키마를 만들땐 ddl-auto를 create로 만들어야...새로생김에 주의! - @UniqueConstraints 를 통한 중복 방지를 해준다. // subscribe.java @Builder @AllArgsConstructor @NoArgsConstructor @Data @Entity @Table( uniqueConstraints = { @Uniq..

회원정보수정(Ajax,유효성검사) ● 회원 정보 수정 1. Update 페이지에서 js update함수 호출 업데이트하기 2. Update.js에서 url로 사용자가 입력한 수정데이터 전송 // update.js function update(userId,event) { let data = $("#profileUpdate").serialize(); $.ajax( { type: "put", url:`/api/user/${userId}`, data: data, contentType: "application/x-www-form-urlencoded; charset=utf-8", dataType: "json" } ).done(res=>{ // update성공 location.href=`/user/${userId}`..

Security Tag library 1. UserController에서 model로 데이터 받아 사용 // userController.java @GetMapping("/user/{id}/update") public String update(@PathVariable int id, @AuthenticationPrincipal PrincipalDetails principalDetails, Model model){ model.addAttribute("principal",principalDetails.getUser()); return "user/update"; } ${principal.username} 2. Security Tag library - Tag Libray org.springframework.secu..

로그인 기능 구현 1. POST 로그인요청 - 원래 SELECT할때는 GET을 쓰지만,로그인을 할때는 POST를 쓴다. - GET은 주소창에 데이터를 노출시켜서,로그인요청을 할때는 Data를 Body에 안고 가기 위해 POST사용 로그인 2. loginProcessingUrl에 '로그인 요청 url' 등록 // SecurityConfig.java @EnableWebSecurity // 해당 파일로 시큐리티를 활성화 @Configuration public class SecurityConfig extends WebSecurityConfigurerAdapter { @Bean public BCryptPasswordEncoder encode(){ return new BCryptPasswordEncoder(); }..

유효성 검사,글로벌 예외처리 ※ 유효성 검사란? - 유효성 검사란, 요청한 데이터가 어떤 조건에 충족하는지 확인하는 작업이다. - SpringBoot에서는 Dto의 필드에 조건과 메시지를 작성해주면, @Valid 어노테이션과 함께 유효성 검사를 할 수 있다. - 프론트에서만 유효성검사를 하면 보안상 위험하기 때문에, 백엔드에서도 유효성 처리를 해주어야 한다. 1. validation의존성 추가 // pom.xml org.springframework.boot spring-boot-starter-validation 2.5.2 2. validation의존성 추가 Dto에 의존성 걸기 -클라이언트의 요청 데이터는 dto 클래스로 캡슐화되어 서버로 전달된다. Controller,Service 계층 간 데이터 전달..

간단한 회원가입 기능 구현과 DB연동 1. HTML에서 POST 요청을 보낸다. 2. Controller PostMapping을 통해 해당 요청을 받는다. // Authcontroller.java @PostMapping("/auth/signup") public String signup(SignupDto signupDto){ //form(key=value) DB insert를 위해서는 model이 필요함 User user = signupDto.toEntity(); User userEntity = authService.회원가입(user); return "auth/signin"; } 3. DTO 를 생성해준다. (DTO란? 통신할때 필요한 데이터를 담아주는 Object) // SignupDto.java @Da..