Recent Categories
Recent Posts
Catogery Tags
Connect With Us
-
Toast UI Editor sample
📃 요약 Toast UI Editor 샘플입니다. Toast UI Editor 외부 라이브러리를 이용해서 진행해 보도록 하겠습니다. Toast UI Editor 는 네이버에서 개발된 위지윅 에디터로 활용이 간편합니다.단, 위지윅 에디터는 XSS 공격 등 해킹 위험이 있으므로 제공되는 fix 등 이력을 살펴보시고 적용하시기 바랍니다. Toast UI Editor 를 활용해서 CRUD 중 상세 조회 / 수정 기능만 샘플을 구성합니다.간단 예제를…
-
Websocket chat sample
📃 요약 Websocket chatting 샘플입니다. Stomp( Simple Text Oriented Messaging Protocol ) 이용해서 진행해 보도록 하겠습니다.기본 메세징 방식은 publisher( 발행자 ) – subscribe( 구독자 ) 방식입니다.메세지 브로커( 중개인 )가 메세지를 수신하면 구독자에게 전달해 주는 방식입니다.간단한 예제를 위해 채팅방 개설 같은 기능은 제외하고 회원 ID / 채팅메세지 만으로 샘플을 구성합니다.Spring 공식홈페이지에서 제공하는 Websocket Stomp 예제는 아래…
-
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 ( 암호…
-
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 사용법…
-
01_Simple Coding – Modern Js – 기본 요약
📃 요약 자바스크립트는 과거 기본적으로 웹브라우저 환경에서 동작했으나 Node.js 가 개발되면서 웹브라우저 이외의 환경에서도 실행될 수 있게 됨. 그러면서 여러가지 최신 사용법들이 나오게 되었는데 그 사용법들을 ECMA(ES5, ES6…) 자바스크립트라고 부르고, 통칭해서 모던 자바스크립트 사용법이라고 함. 요소 기술 : – Basic : 모던 자바스크립트 📃 기술 구현 스펙 : 📃 모던 자바스크립트 다양한 기능 및 사용법…
