+ 00 00 0000

Have any Questions?

Course

  • 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