달비의 개발 연구

유료 SSL 인증서, 유료 도메인, 웹 서버 Nginx를 이용하여 웹페이지 HTTPS 적용하기 (React, SSL, HTTPS, Web Server, Nginx) for window이번에는 저렴한 유료 SSL를 구매하여 DV 단일 도메인 인증서(SSL)를 등록하는 방법에 대해 포스팅 하겠습니다. 도메인의 경우 호스팅 KR 페이지를 이용하여 구매하였습니다. DNS 레코드 관리에서 DNS 레코드 A 유형으로 서비스할 공인 IP를 추가 해 줍니다. 여기서 A 유형의 레코드는 도메인의 IPv4 주소를 갖고 있는 레코드 입니다. AAAA 레코드는 IPv6주소를 포함하는 레코드 입니다.@의 경우 root 도메인 레코드 입니다. domain.com, 또 다른 도메인 레코드 www.domain.com 입니다. 해당 ..

React Router 설정과 API Server Json 통신하는 방법(Router, Promise, Axios, Node.js, Ajax, React 페이지 이동, Spring, Spring Boot)이번에는 React 웹사이트의 Router 설정과 axios를 활용하여 API server에 JSON data 통신하는 방법에 대해 포스팅 해보도록 하겠습니다.  먼저 필자의 Router 버전은 6v 입니다.※참고사항으로 v6 이하의 버전인 경우 해당 코드 및 커맨드의 쓰임이 다를 수 있다는 점 말씀드립니다. Router 설치 방법npm install react-router-domORnpm install react-router-dom localforage match-sorter sort-bylocalfo..

행렬행과 열로 구성되는 사각형 형태로 수를 배열한 것 입니다.123456789 표기법m, n이 양의 정수일 때, m개의 행과 n개의 열로 구성된 직사각형의 수 배열 A를 m * n 행렬이라 합니다.표기법A의 (i, j) 원소 -> aij A = (aij)row vector : 1 * n 행렬 (행벡터)column vector : m * 1 행렬 (열벡터) 영행렬(zero matrix)모든 원소가 0인 행렬을 영행렬이고 합니다.  행렬의 연산행열의 합, 차, 스칼라 곱EX)크가가 같은 행렬 A, B가 있을 때, k가 실수라 가정하면, 행열의 합1. A + B 는 같은 위치의 A와 B의 원소를 더해서 구해지는 행렬로서 (i, j) 원소의 값은 aij + bij 입니다. 행열의 차2. A - B 는 같은 위치..

Docker에서 웹 애플리케이션 실행하고 접속하는 방법 (Docker, React, Container, Image, DockerFile Script, Node.js) for window Docker를 이용하여 해당 프로젝트를 이미지(image) 빌드하고, 컨테이너(container)를 생성한 후, 해당 컨테이너에 서비스를 올려보는 방법을 포스팅 하겠습니다. Project(프로젝트)먼저 웹 애플리케이션 프로젝트를 준비합니다. 필자의 경우 React 프로젝트를 준비하였습니다. local PC의 경로는 다음과 같습니다. local PC의 C 드라이브에 /DockerTest/MyProject/ 폴더안에 위 사진과 같은 파일 두개가 위치 해 있습니다. DockerFile script는 다음과 같습니다.  Dock..

집합론집합과 원소는 다른 정의 없이 사용하는 부정의 용어입니다. 집합론의 창시자인 게오르크 칸토어(Georg Cantor)는 집합을 우리의 직관이나 사고로부터 한정적 분리된 객체들의 모임이라고 정의 하였습니다. 집합원소나열법, 조건제시법, 부분집합, 집합의 상동, 분할, 멱집합, 집합 연산(합집합, 교집합, 여집합, 대칭차집합), 곱집합, 집합의 대수법칙, 원소논증 등이 있습니다. 논리학과 집합론p(x) ∨ g(x) A ∪ B (합집합) p(x) ∧ g(x) A ∩ B (교집합) 집합과 원소무정의 용어- 정의 없이 사용하는 용어, 직관적으로 이해할 수 있으나 다른 용어로 정의하기 힘든 대상을 표현하기 위해 사용되었습니다. 집합의 표시법A가 하나의 집합 일때,  a는 A의 원소이고, b는 A의 원소가 ..

spring boot, react 서버 생성 후 도메인 네임 연결 방법 (웹 서비스, war, 외장 톰캣, node.js, nginx, iptime, port 포워딩, 방화벽 설정) for window이번에는 도메인네임(Domain name) 접속을 통하여 WebServer -> WAS까지 전반적인 web service의 인프라 구축에 대해 포스팅 해보았습니다. (초간단 주의) 먼저 도메인네임의 경우 무료로 iptime을 이용하는 방법도 있지만, 직접 호스팅 업체의 도메인을 구매하여 발급 받은 후 연결하였습니다.  준비물은 다음과 같습니다.프로젝트:Spring Boot - API (API를 호출하여 동적으로 데이터를 주고 받을 때 사용하는 프로젝트)React - Front (실제 웹사이트 화면 프로젝트)..

Docker, Image 사용 및 생성 다루기(이미지, 도커 파일, 컨테이너 이미지) for window  도커 CLI를 통해 명시적으로 원하는 이미지를 내려받을 수 있다. 도커(허브) 이미지 내려받기docker image pull [이미지] 하나의 이미지는 여러 이미지가 계층적으로 쌓인 형태로 저장된다. (pull complete)참고:도커 허브는 도커에서 무료로 제공되는 공개 레지스트리임.이미지를 다운받으면 하나가 아닌 여러 파일을 다운 받습니다. 이 파일들을 이미지 레이어라고 합니다. 도커의 이미지는 물리적으로 여러 개의 작은 파일로 구성되어 있습니다. 도커가 이 파일을 조립하여 컨테이너의 내부 파일 시스템을 만듭니다. 모든 레이어를 받으면 전체 이미지를 사용할 수 있게 됩니다.  해당 이미지로 컨..

Docker, Container(컨테이너) 여러 명령어를 이용하여 다루기참고: 환경은 window local 환경에서 구성하였습니다. 참고 부탁드립니다!  컨테이너를 대화식으로 실행하는 방법docker container run --interactive --tty [이미지] --interactive 플래그를 사용하면 컨테이너에 접속된 상태가 됩니다.--tty 플래그는 터미널 세션을 통해 컨테이너를 조작한다는 의미입니다. 위 사진과 같이 윈도우는 #으로 표현됩니다.(각 운영체제에 맞게 활성화 됨) 해당 커맨드를 입력하면 컨테이너ID, 날짜 정보를 확인할 수 있습니다.  / # hostname/ # date   실행중인 모든 컨테이너 정보 확인docker container lscontainer 아이디와 hos..

Docker 설치 및 컨테이너 실행 방법 초간단 (for window, Mac, Linux) 이번 포스팅은 Docker 설치, 실행 실습에 대한 내용을 포스팅 하도록하겠습니다. 먼저 Docker라는 녀석을 사용하는 이유를 간단하게 설명하면 애플리케이션을 서비스 할 때 해당 서버를 구성하고 구축해야 합니다. 이러한 환경은 애플리케이션이 추가될 때마다 진행 해야하는 반복적인 작업이 되는데, 이것에 대한 자동화 시스템이라고 생각하면 될 것 같습니다. 해당 애플리케이션은 가상 공간에 설치하여 각각 격리된 지역(컨테이너)에서 구동합니다.  개발 -> 배포 -> 서비스 환경 문제를 쉽게 해결할 수 있습니다. 즉 Docker는 컨테이너라는 경량 단위로 애플리케이션을 실행하는 기능을 제공하는 플랫폼 입니다.   설치 ..

Spring Boot, Java Web Socket을 활용한 웹 채팅 프로그램 만들기 이번에는 간단하게 Web Socket을 이용하여 채팅 프로그램을 만드는 방법을 알아보도록 하겠습니다. 버전 정보는 다음과 같습니다.spring boot : 3.2.5java : 17web socket : 3.2.0UI, CSS: bootstrap chatting template 의존성 추가gradleimplementation group: 'org.springframework.boot', name: 'spring-boot-starter-websocket', version: '3.2.0' maven org.springframework.boot spring-boot-starter-websocket 3.2.0 ..