Recent Categories
Recent Posts
Catogery Tags
Connect With Us
-
Springboot scheduler sample
📃 요약 Spring Scheduler 간단 예제를 진행해 보도록 하겠습니다.간단 사용으로 주기적으로 실행하고 싶을 때 알림 서비스 등에 응용하면 되겠습니다. 벡엔드만 구현하고, Spring Boot 를 사용합니다. 요소 기술 : – 벡엔드 : Spring Boot & JPA 결과 화면 : 없음 프로젝트 탐색기 : String Boot 스케줄러 로직 구현 절차 📃 기술 구현 스펙 : 스케줄러 서비스…
-
Multi-provider social login sample
📃 요약 Multi-provider social login 샘플입니다. 구글 로그인 , 네이버 로그인을 이용해서 진행해 보도록 하겠습니다.구글 클라우드에 API 신청 및 clientId, clientSecret 로 springboot 에 설정합니다.마찬가지로, 네이버 디벨로퍼 사이트에서 API 신청 및 clientId, clientSecret 로 springboot 에 설정합니다. 소셜 로그인할 때 DB 에 소셜로그인 사용자를 저장해 보겠습니다.다중 공급자일때는 어떻게 구현하는지를 보시면 되겠습니다. 글에 언급되지 않는 일반…
-
Nginx / Tomcat , Vue, Springboot Deploy
📃 요약 Nginx / Tomcat 을 이용해서 배포를 진행해 보도록 하겠습니다.Vue 는 Nginx 웹서버에 배포하고, Springboot 는 Tomcat 에 배포합니다. 프론트는 Vue 를 사용하고, 벡엔드는 Spring boot 를 사용합니다.Springboot 의 내장 Tomcat 는 사용하지 않고 Tomcat 를 설치해서 배포해 보겠습니다.그리고, 배포는 윈도우즈 환경에서 진행된다고 가정합니다. DB 는 오라클 도커 이미지를 사용하고 계정은 scott ( 암호…
-
Social Login Sample
📃 요약 구글 로그인 API 를 이용해서 구글 로그인 샘플을 진행해 보도록 하겠습니다.구글 클라우드에 API 신청 및 clientId, clientSecret 로 springboot 에 설정합니다. 아울러 구글 소셜 로그인할 때 DB 에 소셜로그인 사용자를 저장해 보겠습니다.소셜로그인은 카카오, 네이버 등 다양하게 로그인 할 수 있지만 소셜 로그인 예제 이해에 집중하기 위해 구글 로그인만 진행해 보겠습니다.글에 언급되지 않는 일반…
-
결재 API sample
📃 요약 토스 결재 API 를 이용해서 쇼핑몰 결재 부분 샘플을 진행해 보도록 하겠습니다.주문번호를 토스 결재 API 로 전달하고 토스 결재에서 결재 진행 후에 간략한 결과를 화면에 출력해 보겟습니다. 결재 진행후에 결재 테이블에 결재정보를 저장합니다.단, 주문정보테이블에 주문상태(주문완료->결재완료) 변경이 필요하나 결재 API 활용방법에 집중하기 위해 생략하도록 하겠습니다. 프론트는 Vue 를 사용하고, 벡엔드는 spring boot 를 사용합니다.…
-
10_Simple Coding – Vue – 응용 요약 2
📃 요약 Vue 는 Html 페이지로 웹 사이트를 개발하는 라이브러리입니다. SPA(Single Page Application)이라고 합니다.Html 첫페이지에서 변경되는 부분만 .js 소스(컴포넌트)로 불여서 개발하는 방식이 흡사 레고블럭을 연결해서 하나의 완성본을 만드는 것과 같다고 해서 컴포넌트 개발이라고도 합니다. 과거 코딩방식보다 일부 변경된 부분만 바꾸어 끼우는 방식이라서 성능이 비약적으로 증가할 수 있고, 현대 프론트 코딩방식은 SPA 개발로 바뀌고 있으며 비슷한…
-
09_Simple Coding – Vue – 응용 요약
📃 요약 Vue 는 Html 페이지로 웹 사이트를 개발하는 라이브러리입니다.SPA(Single Page Application)이라고 합니다., Html 첫페이지에서 변경되는 부분만 .js 소스(컴포넌트)로 불여서 개발하는 방식이 흡사 레고블럭을 연결해서 하나의 완성본을 만드는 것과 같다고 해서 컴포넌트 개발이라고도 합니다. 과거 코딩방식보다 일부 변경된 부분만 바꾸어 끼우는 방식이라서 성능이 비약적으로 증가합니다. 현대 프론트 코딩방식은 SPA 개발로 바뀌고 있으며 비슷한 계열로 React…
-
07_Simple Coding – Vue Cart – 기본 요약
📃 요약 Html 1 페이지로 웹 사이트를 개발하는 라이브러리임, SPA(Single Page Application)이라고 함, html첫페이지에서 변경되는 부분만 .js 소스(컴포넌트)로 불여서 개발하는 방식이 흡사 레고블럭을 연결해서 하나의 완성본을 만드는 것과 같다고 해서 컴포넌트 개발이라고도 함, 과거 코딩방식보다 일부 변경된 부분만 바꾸어 끼우는 방식이라서 성능이 비약적으로 증가함, 현대 프론트 코딩방식은 SPA 개발로 바뀌고 있으며 비슷한 계열로 React /…
-
06_Simple Coding – Vue – 기본 요약
📃 요약 Html 1 페이지로 웹 사이트를 개발하는 라이브러리임, SPA(Single Page Application)이라고 함, html첫페이지에서 변경되는 부분만 .js 소스(컴포넌트)로 불여서 개발하는 방식이 흡사 레고블럭을 연결해서 하나의 완성본을 만드는 것과 같다고 해서 컴포넌트 개발이라고도 함, 과거 코딩방식보다 일부 변경된 부분만 바꾸어 끼우는 방식이라서 성능이 비약적으로 증가함, 현대 프론트 코딩방식은 SPA 개발로 바뀌고 있으며 비슷한 계열로 React /…
-
04_Simple Coding – Bootstrap – 기본 요약
📃 요약 부트스트랩은 트위터 내부에서 각 개발자 만든 css 디자인을 통일할 방안을 생각하는 중에 만들어진 css 프레임워크임. 핵심은 css 디자인을 쉽게 사용가능하게 하고 팀 내부에서 대체로 통일된 css 디자인을 유지할 수 있음. 요소 기술 : – Basic : Bootstrap 📃 기술 구현 스펙 : 📃 Bootstrap : 기본 사용법 – CDN 링크 – bootstrap 사용법…
