남건욱's 공부기록

목차1. 개요2. Gzip?3. Gzip 사용 시와 사용하지 않을 때의 차이4. Gzip 설정법5. 적용 전, 적용 후 차이6. 결론  1. 개요리액트 + 스프링부트로 진행 중인 프로젝트를 어느 정도 마무리 했다. 이제 배포전 성능테스트를 하며 최적화에 신경 쓰고 있다. 나는 'Lighthouse'를 사용해서 1차적으로 성능을 측정하고 문제점을 고쳐나가고 있다. 이때 만난 콘텐츠 로딩속도 문제에 관해 찾아보다가 Gzip에 관해 알게 되었다. 그래서 공부하고 기록할 겸 글을 작성한다. 2. Gzip?Gzip은 데이터를 압축하여 전송하는 표준적인 방법 중 하나로, 주로 웹에서 클라이언트와 서버 간의 데이터 전송 시 사용된다. Gzip은 텍스트 기반의 파일(HTML, CSS, JavaScript, JSON 등..

목차 1. 개발환경 2. LogBack이란? 3. LogBack의 주요 기능 4. Log 레벨 순서, 사용법 5. Logging 설정 6. Logback-spring.xml 설정 7. 구동화면 1. 개발환경 Java 17 Spring Boot 3.1.8 Gradle 8.5 2. LogBack이란? LogLogback은 자바 기반의 오픈 소스 로깅 프레임워크이다. Logback은 로깅 기능과 SLF4J(Simple Logging Facade for Java)와의 통합을 제공하여 강력하고 유연한 로깅 솔루션을 제공해 준다. SLF4J는 다양한 로깅 구현체를 추상화하는 인터페이스를 제공하고, Logback은 이러한 인터페이스를 구현하여 실제로 로그를 처리한다. Logback은 Log4j의 후속 버전으로 개발되..

목차 1. QueryDSL 이란? 2. ORM과 QueryDSL의 관계 3. QueryDSL이 사용되는 상황과 이점 4. QueryDSL의 주요 구성 요소 5. 다양한 종류의 조인 6. 요약 1. QueryDSL 이란? QueryDSL은 자바 프로그래밍 언어를 사용하여 데이터베이스 쿼리를 작성할 수 있게 해주는 라이브러리이다. 문자열 기반 SQL쿼리 대신 자바 코드로 쿼리를 작성하므로 컴파일 시간에 오류를 확인할 수 있고, IDE의 지원을 받을 수 있다. 동적 쿼리나 복잡한 쿼리 작성 시 유용하며, 다양한 데이터베이스와 호환되며 다양한 모듈을 제공한다. 2. ORM과 QueryDSL의 관계 ORM ORM은 객체와 RDBMS간의 매핑을 자동화하는 기술이다. 주로 JPA나 Hibernate와 같은 프레임워크..

Oauth2.0 사용자가 애플리케이션 또는 웹 사이트에 로그인할 때 사용되는 프로토콜 중 하나. 이 프로토콜은 보안된 방식으로 사용자의 정보를 제공하고, 다른 웹 사이트나 애플리케이션에서 해당 정보를 사용할 수 있도록 한다. - 자주 사용하지 않는 웹사이트에 개인정보를 입력해서 회원가입을 해야 하나? 할 때 간단하게 소셜 로그인을 사용해서 이용할 수 있다. 네이버소셜로그인을 위한 준비가 안되었다면 아래 링크를 통해 설정한 뒤 본 게시글을 따라 해야 한다. 네이버 소셜로그인을 위한 설정 네이버 소셜로그인을 위한 설정(Spring + Oauth2.0) 1. 네이버 앱 등록 https://developers.naver.com/apps/#/register 애플리케이션 - NAVER Developers devel..

Oauth2.0 사용자가 애플리케이션 또는 웹 사이트에 로그인할 때 사용되는 프로토콜 중 하나. 이 프로토콜은 보안된 방식으로 사용자의 정보를 제공하고, 다른 웹 사이트나 애플리케이션에서 해당 정보를 사용할 수 있도록 한다. - 자주 사용하지 않는 웹사이트에 개인정보를 입력해서 회원가입을 해야 하나? 할 때 간단하게 소셜 로그인을 사용해서 이용할 수 있다. 구글소셜로그인을 위한 준비가 안되었다면 아래 링크를 통해 설정한 뒤 본 게시글을 따라 해야 한다. 구글 소셜로그인을 위한 설정 구글 소셜로그인을 위한 설정(Spring + Oauth2.0) 1. 구글 API 콘솔 들어가기 https://console.cloud.google.com/projectselector2/apis/credentials/consen..

oauth2.0 사용자가 애플리케이션 또는 웹 사이트에 로그인할 때 사용되는 프로토콜 중 하나. 이 프로토콜은 보안된 방식으로 사용자의 정보를 제공하고, 다른 웹 사이트나 애플리케이션에서 해당 정보를 사용할 수 있도록 한다. - 자주 사용하지 않는 웹사이트에 개인정보를 입력해서 회원가입을 해야 하나? 할 때 간단하게 소셜 로그인을 사용해서 이용할 수 있다. 카카오 소셜로그인을 위한 준비가 안되었다면 아래 링크를 통해 설정한 뒤 본 게시글을 따라 해야 한다. 카카오 소셜로그인을 위한 설정 카카오 소셜로그인을 위한 설정(Spring + Oauth2.0) 1. 카카오 개발자 사이트 들어가기 https://developers.kakao.com/console/app 카카오계정 accounts.kakao.com 위..

1. 구글 API 콘솔 들어가기 https://console.cloud.google.com/projectselector2/apis/credentials/consent?authuser=2&supportedpurview=project Google 클라우드 플랫폼 로그인 Google 클라우드 플랫폼으로 이동 accounts.google.com 위 링크에 들어가면 다음과 같은 화면이 뜰 것이다. 2. 프로젝트 생성 상단의 프로젝트 선택을 눌러준다. 위 화면이 뜬다면 새 프로젝트를 클릭해 준다. 이 화면으로 이동할 텐데 프로젝트 이름을 입력해 주고 만들기 버튼을 누른다. 위 화면이 뜨면 외부를 선택하고 만들기 버튼을 눌러준다. 위와 같은 화면으로 넘어오는데 필요한 정보를 입력해주고 저장 후 계속 버튼을 누른다. ..

1. 네이버 앱 등록 https://developers.naver.com/apps/#/register 애플리케이션 - NAVER Developers developers.naver.com 위 링크에 들어가 준다. 위와 같은 화면이 뜰 것이다. 2. 세부 설정 애플리케이션 이름을 작성하고 사용 API에서는 네이버 로그인을 선택해 준다. 사용자의 정보중 필요한 정보를 체크해 준다. 나는 이메일, 별명만 가져오면 되기 때문에 두 개를 체크해 줬다. 로그인 오픈 API 서비스 환경탭에서 환경추가를 누르고 PC웹을 선택해 준다. 서비스 URL, 네이버로그인 Callback URL로 사용할 주소를 입력해 준다. 로컬에서 테스트할 것이기 때문에 localhost로 설정해 줬다. 그 뒤 등록하기를 눌러준다. 3. 테스트..

1. 카카오 개발자 사이트 들어가기 https://developers.kakao.com/console/app 카카오계정 accounts.kakao.com 위 링크로 들어가 준다. 위와 같은 화면이 뜨면 된다. 2. 카카오 애플리케이션 추가 파란색버튼인 애플리케이션 추가를 눌러주면 이와 같은 창이 뜰 것이다. 사용할 정보를 입력하고 저장을 눌러준다. 추가가 되었다면 이렇게 목록에 추가가 됐을 것이다. 3. 플랫폼 등록 좌측 메뉴 중 내 애플리케이션 > 앱설정 > 플랫폼에 들어와 준다. 웹에서 사용할 것이기 때문에 Web플랫폼 등록을 눌러준다. 누르게 되면 위와 같은 화면이 뜬다. 본인의 도메인 주소를 입력해 주면 된다. 우선 로컬환경에서 수행할 것이기 때문에 http://localhost:8080을 작성해..

프로젝트 이름 : 코끼리 (코딩하는 사람끼리) 프로젝트 인원 : 4명(백앤드 개발자 4명) 프로젝트 기간 : 30일 프로젝트 내용 : 개발자 및 개발 공부를 하는 사람끼리 서로 정보를 공유하고 협업 프로젝트 팀을 구성해 사이트 내에서 다양한 협업 지원 기능을 이용할 수 있습니다. 개발 환경 Intellij JDK 17.0.7 Spring Boot Version 3.1.2 Gradle 8.2.1 서비스 아키텍처 프로젝트 구현 기능 회원가입(이메일 본인 인증) & 로그인 카카오, 네이버, 구글 소셜 로그인이 가능합니다. 회원가입 시, 이메일로 전송되는 인증 번호를 입력해야 가입이 가능합니다. 마이페이지 프로필을 수정하거나 회원 탈퇴가 가능합니다. 작성한 게시물 및 댓글 관리가 가능합니다. 백오피스 페이지 관..