+ 00 00 0000

Have any Questions?

simple-coding

  • Toast UI Editor sample

    📃 요약 Toast UI Editor 샘플입니다. Toast UI Editor 외부 라이브러리를 이용해서 진행해 보도록 하겠습니다. Toast UI Editor 는 네이버에서 개발된 위지윅 에디터로 활용이 간편합니다.단, 위지윅 에디터는 XSS 공격 등 해킹 위험이 있으므로 제공되는 fix 등 이력을 살펴보시고 적용하시기 바랍니다. Toast UI Editor 를 활용해서 CRUD 중 상세 조회 / 수정 기능만 샘플을 구성합니다.간단 예제를…

    Know More

  • Websocket chat sample

    📃 요약 Websocket chatting 샘플입니다. Stomp( Simple Text Oriented Messaging Protocol ) 이용해서 진행해 보도록 하겠습니다.기본 메세징 방식은 publisher( 발행자 ) – subscribe( 구독자 ) 방식입니다.메세지 브로커( 중개인 )가 메세지를 수신하면 구독자에게 전달해 주는 방식입니다.간단한 예제를 위해 채팅방 개설 같은 기능은 제외하고 회원 ID / 채팅메세지 만으로 샘플을 구성합니다.Spring 공식홈페이지에서 제공하는 Websocket Stomp 예제는 아래…

    Know More

  • Springboot scheduler sample

    📃 요약 Spring Scheduler 간단 예제를 진행해 보도록 하겠습니다.간단 사용으로 주기적으로 실행하고 싶을 때 알림 서비스 등에 응용하면 되겠습니다. 벡엔드만 구현하고, Spring Boot 를 사용합니다. 요소 기술 : – 벡엔드 : Spring Boot & JPA 결과 화면 : 없음 프로젝트 탐색기 : String Boot 스케줄러 로직 구현 절차 📃 기술 구현 스펙 : 스케줄러 서비스…

    Know More

  • Nginx / Tomcat , Vue, Springboot Deploy

    📃 요약 Nginx / Tomcat 을 이용해서 배포를 진행해 보도록 하겠습니다.Vue 는 Nginx 웹서버에 배포하고, Springboot 는 Tomcat 에 배포합니다. 프론트는 Vue 를 사용하고, 벡엔드는 Spring boot 를 사용합니다.Springboot 의 내장 Tomcat 는 사용하지 않고 Tomcat 를 설치해서 배포해 보겠습니다.그리고, 배포는 윈도우즈 환경에서 진행된다고 가정합니다. DB 는 오라클 도커 이미지를 사용하고 계정은 scott ( 암호…

    Know More

  • Social Login Sample

    📃 요약 구글 로그인 API 를 이용해서 구글 로그인 샘플을 진행해 보도록 하겠습니다.구글 클라우드에 API 신청 및 clientId, clientSecret 로 springboot 에 설정합니다. 아울러 구글 소셜 로그인할 때 DB 에 소셜로그인 사용자를 저장해 보겠습니다.소셜로그인은 카카오, 네이버 등 다양하게 로그인 할 수 있지만 소셜 로그인 예제 이해에 집중하기 위해 구글 로그인만 진행해 보겠습니다.글에 언급되지 않는 일반…

    Know More

  • 결재 API sample

    📃 요약 토스 결재 API 를 이용해서 쇼핑몰 결재 부분 샘플을 진행해 보도록 하겠습니다.주문번호를 토스 결재 API 로 전달하고 토스 결재에서 결재 진행 후에 간략한 결과를 화면에 출력해 보겟습니다. 결재 진행후에 결재 테이블에 결재정보를 저장합니다.단, 주문정보테이블에 주문상태(주문완료->결재완료) 변경이 필요하나 결재 API 활용방법에 집중하기 위해 생략하도록 하겠습니다. 프론트는 Vue 를 사용하고, 벡엔드는 spring boot 를 사용합니다.…

    Know More

  • 10_Simple Coding – Vue – 응용 요약 2

    📃 요약 Vue 는 Html 페이지로 웹 사이트를 개발하는 라이브러리입니다. SPA(Single Page Application)이라고 합니다.Html 첫페이지에서 변경되는 부분만 .js 소스(컴포넌트)로 불여서 개발하는 방식이 흡사 레고블럭을 연결해서 하나의 완성본을 만드는 것과 같다고 해서 컴포넌트 개발이라고도 합니다. 과거 코딩방식보다 일부 변경된 부분만 바꾸어 끼우는 방식이라서 성능이 비약적으로 증가할 수 있고, 현대 프론트 코딩방식은 SPA 개발로 바뀌고 있으며 비슷한…

    Know More

  • 09_Simple Coding – Vue – 응용 요약

    📃 요약 Vue 는 Html 페이지로 웹 사이트를 개발하는 라이브러리입니다.SPA(Single Page Application)이라고 합니다., Html 첫페이지에서 변경되는 부분만 .js 소스(컴포넌트)로 불여서 개발하는 방식이 흡사 레고블럭을 연결해서 하나의 완성본을 만드는 것과 같다고 해서 컴포넌트 개발이라고도 합니다. 과거 코딩방식보다 일부 변경된 부분만 바꾸어 끼우는 방식이라서 성능이 비약적으로 증가합니다. 현대 프론트 코딩방식은 SPA 개발로 바뀌고 있으며 비슷한 계열로 React…

    Know More

  • 07_Simple Coding – Vue Cart – 기본 요약

    📃 요약 Html 1 페이지로 웹 사이트를 개발하는 라이브러리임, SPA(Single Page Application)이라고 함, html첫페이지에서 변경되는 부분만 .js 소스(컴포넌트)로 불여서 개발하는 방식이 흡사 레고블럭을 연결해서 하나의 완성본을 만드는 것과 같다고 해서 컴포넌트 개발이라고도 함, 과거 코딩방식보다 일부 변경된 부분만 바꾸어 끼우는 방식이라서 성능이 비약적으로 증가함, 현대 프론트 코딩방식은 SPA 개발로 바뀌고 있으며 비슷한 계열로 React /…

    Know More