delight

연관관계 매핑이 끝났으니 이제 기능을 수정했다. * Registry(게시글) , Comment(댓글) - 1:N 관계 연관관계 매핑을 하게 된 이유가 바로 이 기능을 수정하기 위해서 였다. 기존에 이 글도 공감해주세요 게시판에는 댓글이 없는 게시글을 10개 띄워주고 있다. 문제점은 페이지 별로 띄워준다는 것이었다. 1페이지에서 댓글 0개인 게시글이 없다면 "이 글도 공감해주세요" 게시판에는 아무것도 띄워지지 않는 것이다. 1페이지만 보는 사람이 있다고 가정하면 2페이지 이상에 존재하는 댓글이 0개인 게시글을 확인하지 못한다는 문제가 생겨 해당 기능이 쓸모가 없어지는 것이다. 따라서 이 기능을 수정해서 전체 게시글 중에 댓글이 없는 게시글을 모아서 가장 오래된 순으로 10개만 띄워주기로 했다. front에..

지난 주 스터디(11.20)로 이전에 연관관계 이론에 대해서 공부해서 이를 프로젝트에 적용시켰다. 연관관계 이론을 정리하고 ( 연관관계 ) 연관관계를 직접 적용해보고 ( 연관관계 적용 ) 적용한 것을 토대로 필요없는 코드들을 수정, 삭제하고 (연관관계 적용2(refactoring)) 그 과정에서 궁금했던 점을 정리했다. ( 연관관계 적용3(궁금증 해결하기) ) 티스토리에는 코드 위주로만 적었다. ( 연관관계 매핑 프로젝트에 적용하기(코드) ) 그리고 궁금했던 점들을 찾아보면서 새롭게 적용해야할 부분들이 생겨났고 이번(11.27) 스터디에서 얘기를 나누다가 정리해보기로 했다.

1. Wrapper class int → Long 으로 수정 DTO로 담길 때 int로 담았는데 int 대신 Wrapper 클래스(Long or Integer)로 바꿨다. 값이 null로 들어오면 원시 자료형은 기본 값이 들어와버리는데 (ex. int = 0) 그렇게 되면 이게 null인지 모르니깐 Wrapper 클래스로 Integer로 하게 되면 null 값으로 떠서 에러가 뜨므로 이러한 대비를 하는게 좋다 * mysql에서 long은 bigint로 설정하면 된다. 2. @DataJpaTest 어노테이션 활용 이론 정리한 글 (git blog) - @SpringBootTest와 @DataJpaTest 차이 git blog에 내용 정리 완료 >> GitBlog-연관관계 적용해보기

이전에 연관관계에 관해 글을 정리했다. *이론이나 궁금해서 공부한 것들은 git blog에 정리하고 프로젝트 관련은 전부 tistory에 정리 중 이론을 알았으니 이제 본 프로젝트에 적용시켜본다. (이론 생략) *코드를 뜯어보면서 적는 것은 git에 정리했으니 이론과 같이 보려면 아래 링크로 들어가서 보면 된다. GitBlog-연관관계 적용해보기 현 문제점 + 목표는 댓글이 0개인 글들을 모아서 따로 보여주는데 페이지 별로 따로 나와서 어떤 페이지에서는 댓글이 0개인 글이 없어서 아예 없는 것으로 나오기도 한다. 그래서 전체 게시글 중에서 오래 된 순으로 댓글이 0개인 글을 몇 개만 보여주는 것으로 수정하려고 한다. 참고로 기존 entity에서 Registry와 Comment는 매핑이 되어있지 않으나 C..

기존 마크다운 방식으로 하면 이미지 크기 수정이 되지 않았다. 기존에 md 파일에 이미지를 올리면  위와 같이 뜬다. 여기서 이미지 크기를 수정하면 아래와 같이 작성해야 했다. Git blog에서는 위와같이 작성하면 이미지가 띄워지는게 아니라 자체로 띄워지고 있었다. blog에서는 이미지를 올리면 주소가 띄워지는데 그 뒤에 {: width="50%"} 처럼 추가만 하면 된다. {: width="50%"} 왼쪽, 오른쪽으로 치우치게 띄워주는 방법 {: width="50%" class="left"} {: width="50%" class="right"} 출처 [개발자 블로그] Chirpy테마 게시글 작성 가이드

틀 만들기 여럿이서 하는 채팅에서 고객센터 채팅으로 틀 변경 *여럿이서 하는 채팅 참고 >> [WIL] - 38주차 - 프로젝트 front 기본 틀은 codepen.io에서 가져왔다. 오후 6시가 지나면 상담사 연결을 하지 못하게 했다. 시간 체크하기 오후 6시 체크 코드 let today = new Date(); let hours = today.getHours(); // 시 let minute = today.getMinutes() if (hours > 18 && minute > 0) { } 대화를 할 때 현재 시간에 맞게 코드를 수정 ${hours}:${minute} 문자열 첫 글자 삭제하기 const str = "abcde"; const newStr1 = str.substr(1); // bcde co..

WebSecurityConfigurerAdapter 상속 후, configure 메소드를 오버라이딩 하여 설정하는 방식에서 앞으로는 SecurityFilterChain 를 빈으로 등록하는 방식을 권장 *보안 설정으로 변경 공식문서 https://spring.io/blog/2022/02/21/spring-security-without-the-websecurityconfigureradapter WebSecurityConfigurerAdapter 상속 후, configure 메소드 오버라이딩하여 설정 @Configuration public class SecurityConfiguration extends WebSecurityConfigurerAdapter { @Override protected void conf..

Spring 스터디 + 개인 공부 + 팀 프로젝트 하면서 얘기 나누다보면 이것도 해야하고 저것도 해야하는데 시간은 없다,,, 요즘에 할게 너무 넘쳐나서 정리좀 하고 순서대로 해결해야겠다. 1. interface Service와 ServiceImpl로 분리하기 (완료) - 위키 수정해야함(코드 작성한 파일들 정리한 부분 다시 수정하기) - 이전에 작성한 글 처럼 다시 wil에도 작성해야할둣? 2. 웹소켓 - 현재 채팅 기능 구현만 되어있음 - 본 목표인 고객센터 채팅으로 변경시키기 - 재연결 ⭐⭐⭐⭐⭐ 3. 시큐리티 - 팀원이 이제 WebSecurityConfigurerAdapter를 못쓴다고 알려줌 - 해당 이유 파악하고 코드 수정해야함

ch2 기초 지식 - 스프링 부트의 동작 방식 - 레이어드 아키텍처 - 디자인 패턴 - REST API ch3 API를 작성하는 다양한 방법 - HTTP CODE - Controller, RestController - Parameter - URI Mapping - API(POST, GET, PUT, DELETE) 회사에서 코드를 작성하면서 공부했던 부분들을 한번 더 공부할 수 있는 기회가 된 것 같다. 그래서 각자 팀원들이 작성했던 부분들에서 수정할 부분들이 눈에 띄였고 ch1, ch2에 비해 수정을 많이 한 챕터이다.

스터디 할 때 각자 정리한 부분들을 페이지로 따로따로 나눠져 있어서 한꺼번에 모아서 요약해놓으면 좋을 것 같아 작성해봤다. 이번주 공부 내용(ch1, ch2, ch5, ch6) ch1 1. 스프링 부트란? - 스프링 프레임 워크 - 제어 역전(Ioc) - 의존성 주입(DI) - 관점 지향 프로그래밍(AOP) - 스프링 프레임워크의 다양한 모듈 2. 스프링 프레임 워크 vs. 스프링 부트 - 의존성 관리 - 자동 설정 - 내장 WAS - 모니터링 블로그에 각자 작성했던 내용들을 합쳐봤다. https://haedal-uni.github.io/posts/Spring-Boot/ *나머지 요약 예정