👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️💋👨👩🏽❤️
팀프로젝트에 git을 사용하면서, 여러 브랜치를 내다 보면수 많은 브랜치를 만들고, 병합하기를 반복하게 됩니다.이때, 브랜치를 합칠 때, merge 만 이용한다면 git 그래프가 굉장히 지저분해 질 수 있습니다.아래가 대표적으로, 아주 지저분한 예시입니다.이때, mer
Cors에 대해서 어느 정도 공부를 했었기 때문에,한 동안 Cors 에러를 만나지 않았는데,갑자기 또, Cors 에러를 만나서 한참 고생을 했다.결론부터 말하자면 원인은 너무나 심플했다.예전에 테스트하면서 설치한 이 크롬앱이 Cors OPTIONS 요청에 대한 응답 헤
JPA로 엔티티를 설계하고, 쿼리를 짜다 보면연관관계가 굉장히 복잡해지는 경우를 볼 수 있다.보통 그럴 때, fetch join이 만능 해결책처럼 사용되곤 하는데fetch join도 한계가 있다.위 객체 처럼, 1대다로 묶인 여러 컬랙션은 fetch join으로 끌어올
백엔드와 프론트엔드를 완전 나눠서 프로젝트를 진행하고 있는데,어느정도 CRUD API가 만들어진 후, 프론트분들이 편하게 돌릴 수 있도록docker-compose로 배포하는 작업을 하던 중분명 잘못된 설정이 없는데 안된 일이 발생했다.docker로 배포할 것은 Spri
Spring Data 에서는 편리한 페이지네이션을 위해 Pageable 객체를 제공한다.이를 이용하면 백엔드와 프론트엔드 모두 편하게, 페이지네이션과 정렬을 할 수 있다.Controller에서 Pageable 객체를 인자로 받을 때, 프론트에서 보낼 수 있는 요청에 대
Querydsl 5.0부터 fetchResults() 와 fetchCount()가 deprecated되었다.사유는 아래와 같다.fetchResults() : Get the projection in QueryResults form. Make sure to use fetc
Spring Data는 사용해 본 사람은, 이 라이브러리 없이는 프로젝트를 진행하기 싫을 정도로 개발자가 작성해야 할 코드를 줄여주는 효자다.그 중에서도 Pagination 관련 기능은 정말 예술작품에 가까울정도로 표준화되어 있다Pagination이 적용되어 있는 쿼리
JAVA로 코딩테스트를 준비하면서 매번 똑같은 입출력문을 작성하는게 귀찮아졌다.그래서 단축키로 만들어서 쓰기로 했다.IntelliJ에서 단축키를 만드는 방법은 매우 쉽다우선, 메뉴에서 파일 -> 설정 -> 라이브탬플릿으로 가준다.오른쪽 + 버튼을 눌러 새로운 탬플릿 그
개인적인 이유로, Youtube Live에서 강의를 꾸준히 듣게 되었다. 라이브 방송이기 때문에, 질문을 챗팅으로 바로바로 할 수 있는데, 채팅을 할 때 [A조3번홍길동] {채팅내용} 이런 식으로 특정 양식에 맞춰서 채팅을 해달라고 했다. 매번 이걸 일일히 치는 것이
js로, html 태그를 생성하다보면 innerHtml와 innerText를 많이 사용하게 된다.겉으로 보기엔 똑같은 일을 하는 함수같은데 차이가 뭘까?innerHTML은 문자열을 HTML 태그로 삽입하고,innerText는 문자열을 text node로 삽입힌다.하면
자바스크립트에는 아주 특이한 현상이 일어난다. 죽어야할 컨텍스트의 지역변수가 계속 살아있는 무서운 현상이다. 그것을 우린 Closure라고 부른다.사전적인 의미는 '폐쇄'이다. 자바스크립트에서 말하는 클로저를 정의하자면, 지역변수로 있던 익명함수가 리턴되면서 참조되고
개요 자바스크립트에서는 변수를 선언할 수 있는 3가지 방법이 존재한다. 여러 개발 블로그를 참고하다보면, 비슷한 로직인데, 어느 곳은 var를 어느 곳은 let을 사용한 것이 보인다. 필자는 var의 단점을 알기에 주로 let를 사용하는편이지만, 더 명확하게 기록하기
스프링 부트를 이용하여 전문 패널들에게 설문조사를 추천해주는 프로젝트를 진행하고 있다사실 진행한지는 꽤 되었지만, 계속 바빠서 정리하는 것을 미뤘다.그러다, 아예 안하는 것보다는 조금이라도 하는 것이 나을 것 같아서 지금이라도 하려고한다.이번 프로젝트는 게시판을 만드는