ZeroBin`s 개발일지

이전글들에 이어 화면 소스작성 진행해 보겠습니다. 이번소스 역시 분량이 많기 때문에 자세한 소스는 아래 Github 참고 부탁드립니다.환경설정 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 1서버 소스작성 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 2화면 소스작성 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 3Github : 카카오톡 클론 코딩 Git 1. static 폴더1.1. style.css@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");@import "reset.css";@import "header.css";@impor..

이전글에 이어 간단하게 카카오톡 클론 코딩하는 방법에 대해 알아보겠습니다. 전체소스는 너무 길어서 핵심 소스만 작성하였습니다. 전체소스는 아래 Github 주소를 참고해 주세요. 소스에 부족한 부분이 많아, 세세한 부분은 본인 상황에 맞게 리펙토링 하여 사용하시면 될 것 같습니다.환경설정 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 1서버 소스작성 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 2화면 소스작성 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 3Github : 카카오톡 클론 코딩 Git 1. Config 작성1.1. RedisConfig@Configurationpublic class RedisConf..

SpringBoot와 Thymeleaf를 이용해서 간단하게 카카오톡 클론 코딩하는 방법에 대해 알아보겠습니다.환경설정 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 1서버 소스작성 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 2화면 소스작성 : [SpringBoot] Thymeleaf를 이용한 카카오톡 클론 코딩 - 3Github : 카카오톡 클론 코딩 Git 1. 개발환경SpringBoot버전 : 3.1.5JDK : 17IDE : IntelliJMariaDB버전 : 11.1.2Redis버전 : 3.0.504 2. DB 테이블 생성CREATE TABLE `ROOM_INFO` ( `ROOM_ID` varchar(100) NOT NULL COM..

SpringBoot와 Next.js를 JWT 토큰을 이용하여 로그인 인증하는 방법에 대해 간단하게 알아보겠습니다.개발환경은 아래와 같습니다. 1. 개발환경SpringBoot 버전 : 3.3.2 IDE : IntelliJNext.js버전 : 14.2.4IDE : vscode 2. SpringBoot 소스작성DB는 H2 Database Embedded 모드로 테스트하였습니다.JPA를 이용하여 H2 DB와 맵핑하였습니다. 2.1. build.gradle 설정dependencies { implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-sta..

SpringBoot 에서 H2 console  에 붙을때, "localhost에서 연결을 거부했습니다." 오류가 발생할때가 있습니다. 오류화면위와 같은 오류가 발생했을땐, SecurityFilterChain 함수에 다음을 추가해야 합니다. 소스수정@Bean public SecurityFilterChain securityFilterChain(HttpSecurity http) throws Exception { http .csrf(AbstractHttpConfigurer::disable) .authorizeHttpRequests(authz -> authz .requestMatchers("/auth/**", "/h2-console/**").permitAll() ..

GraphQL 이란 Graph Query Language의 줄임말로서, 서버 API를 구성하기 위해 만든 DB 쿼리 언어입니다. GraphQL 은 단일 endpoint를 사용하므로 단 한 번의 호출로 원하는 응답을 받을 수 있어, REST API에 비해 HTTP 요청 횟수를 줄일 수 있습니다. 그럼 SpringBoot와 Postman을 이용하여 간단하게 예제로 알아보겠습니다.1. 라이브러리 추가dependencies { // basic implementation 'org.springframework.boot:spring-boot-starter-web' implementation 'org.springframework.boot:spring-boot-starter-graphql' // l..

twelvemonkeys 라이브러리를 이용하여 jpg 파일을 webp 파일로 변경하는 방법에 대해 간단하게 알아보겠습니다.1. 라이브러리 추가// webp 파일로 변환implementation 'com.twelvemonkeys.imageio:imageio-webp:3.10.1'2. 소스작성public void downImage(String imageUrl, String destinationFile) { String destJpg = null; String destWebp = null; try { // URL 에서 jpg 파일 다운로드 URL url = new URL(imageUrl); URLConnection conn = url.openConnection(); ..

리눅스 서버에 SVN을 이용해서 SpringBoot(gradle) war 파일 배포하는 방법에 대해 간략하게 알아보겠습니다.1. Repository 생성SVN에 deploy라는 폴더를 생성 후, checkout 을 진행합니다. 2. build.gradlebuild.gradle 파일 수정plugins { id 'java' id 'org.springframework.boot' version '2.6.15' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'war'}apply plugin: 'war'bootWar { archiveBaseName = '-' archiveFileName = 'myApp.war' ..

Eureka 서버와 JPA로 아주 간단한 쇼핑몰 BackEnd 소스를 작성하였습니다. SpringBoot로 구현하였으며, MariaDB를 사용하였습니다.1. 테이블 생성CREATE TABLE `products` ( `id` bigint(20) NOT NULL AUTO_INCREMENT, `name` varchar(255) DEFAULT NULL, `description` varchar(255) DEFAULT NULL, `price` double NOT NULL, `stock` double NOT NULL, `created_at` varchar(255) DEFAULT NULL, PRIMARY KEY (`id`));CREATE TABLE `users` ( `id` bigint(20) NOT N..

Nexus를 이용하여 공통 jar 파일을 배포하고 SpringBoot 프로젝트에서 lib 사용하는 방법에 대해 간단히 알아보겠습니다.1. 설치https://help.sonatype.com/en/download.html 사이트에서 본인 상황에 맞는 Nexus를 설치한 후 적당한 경로에 압축을 해제합니다.2. 명령어cmd(관리자모드) 창으로 해당 bin 폴더로 이동후 아래 명령어를 입력합니다. nexus.exe/installinstall 이 완료되면 run을 입력합니다.nexus.exe/run한참뒤, 아래와 같은 문구가 뜨면 실행이 완료된것입니다.3. 접속http://localhost:8081/ 사이트로 접속합니다.초기 패스워드는 nexus-3.69.0-02-win64\sonatype-work\nexus3\..