+ 00 00 0000

Have any Questions?

simple-coding

  • 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

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

    Know More

  • 09_Simple Coding – Vue – 응용 요약

    📃 요약 Html 1 페이지로 웹 사이트를 개발하는 라이브러리임, 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

  • 06_Simple Coding – Vue – 기본 요약

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

    Know More

  • 04_Simple Coding – Bootstrap – 기본 요약

    📃 요약 부트스트랩은 트위터 내부에서 각 개발자 만든 css 디자인을 통일할 방안을 생각하는 중에 만들어진 css 프레임워크임. 핵심은 css 디자인을 쉽게 사용가능하게 하고 팀 내부에서 대체로 통일된 css 디자인을 유지할 수 있음. 요소 기술 : – Basic : Bootstrap 📃 기술 구현 스펙 : 📃 Bootstrap : 기본 사용법 – CDN 링크 – bootstrap 사용법…

    Know More

  • 01_Simple Coding – Modern Js – 기본 요약

    📃 요약 자바스크립트는 과거 기본적으로 웹브라우저 환경에서 동작했으나 Node.js 가 개발되면서 웹브라우저 이외의 환경에서도 실행될 수 있게 됨. 그러면서 여러가지 최신 사용법들이 나오게 되었는데 그 사용법들을 ECMA(ES5, ES6…) 자바스크립트라고 부르고, 통칭해서 모던 자바스크립트 사용법이라고 함. 요소 기술 : – Basic : 모던 자바스크립트 📃 기술 구현 스펙 : 📃 모던 자바스크립트 다양한 기능 및 사용법…

    Know More

  • 99_Simple Coding – 01_container_deploy

    📃 요약 컴퓨터를 사용하려면 최초 윈도우를 설치해야 사용할 수 있음.윈도우 프로그램을 OS(Operating System) 라고 하고 운영체제라고 함.운영체제는 키보드, 마우스, 음악, 동영상 등의 환경을 쉽게 사용할 수 있게 해주는 S/W 로 최초로 설치되어야 함.운영체제의 종류는 윈도우(Window), 리눅스(Linux), 유닉스(Unix)가 있으며 주로 개인용으로 윈도우를 사용하고 회사에서는 리눅스 또는 유닉스가 사용됨 요소 기술 : – Basic : 리눅스 📃…

    Know More