NAS&Docker

# of Posts

1 more property

Gallery

1. 백엔드 NestJS+내장 Express 컨테이너화 및 실행

1.1 Dockerfile 및 .dockerignore 작성

•

MP_Project/Back-end/Dockerfile 생성

•

MP_Project/Back-end/.dockerignore 생성

1.2 이미지 빌드

•

터미널 MP_Project/Back-end/ 경로(Root)에서

•

Docker-Desktop에서 생성된 NestJS 백엔드 프로젝트가 빌드된 이미지 확인

1.3 컨테이너 실행

•

CLI를 통한 이미지→컨테이너 실행 명령어

[Docker] Docker VM 활용 통합 배포와 CI/CD 파이프라인 구축

5000포트 접속에 DSM 접근 페이지가 나타난다.네트워크 서비스나 정보를 찾기 위해서 사용하는 네트워크 프로토콜저녁에 드디어 내가 가진 서버 NAS에서 Docker를 사용하여 내가 만든 웹 프로젝트를 성공적으로 192.168.0.1:81로 NAS에서 접속 할 수 있었다. 이제 외부 접속(DDNS)을 세팅하여 실제로 우리가 간단히 도메인 주소만 입력하여 어떤 홈페이지를 접속하는 것과 동일하게 세팅해주고자 한다. 이는 우선적으로 최소한 Port의 개념과 내 홈 네트워크가 어떻게 구성되어 있는지와 HTTP로 어떤 페이지들을 보여주어야 할 지 목적을 인지하고 있어야 한다.

브라우저를 통해 URL에 접근한다라는 것은 기본적으로 HTTP 포트로 접근 한다는 것이다.

포트에 대한 기본 이론은 위키백과를 참조해서 공부했다.

포트란, W3 상에서 정보를 주고받을 수 있는 프로토콜이다. 주로 HTML 문서를 주고받는 데(요청과 응답)에 쓰인다.

그럼 프로토콜은 무엇인가? 통신 프로토콜 또는 통신 규약은 컴퓨터나 원거리 통신 장비 사이에서 메시지를 주고 받는 양식과 규칙의 체계이다. 통신 프로토콜은 신호 체계, 인증, 그리고 오류 감지 및 수정 기능을 포함할 수 있다.

간단히 한문장으로 HTTP 이런 익숙한 단어들은 웹에서 사용되는 규칙이며, 그걸 관용적인 번호로 나타낸 것이 포트 번호이다. 왜냐하면 웹은 아주 많은 이용자, 개발자 등이 이용하므로 무언가 언어, 규칙 처럼 정해둔 것이다. 이미 역사적으로 오랜 기간 정해서 사용했기 때문에 브라우저에서 URL을 입력하면 자동적으로 80번을 찾아가게 브라우저는 프로그래밍 된 것이다. 사실 강제로 바꿀순 있지만 마치 언어와 같이 이미 모두가 사용하면서 널리 퍼졌기 때문에 본인만의 번호? 이런 홍대병은 의미가 없다. 언어 체계처럼 a는 에이라고 읽자.

포트 번호는 크게 세 종류로 구분된다.

•

0번 ~ 1023번: 잘 알려진 포트 (well-known port)

•

1024번 ~ 49151번: 등록된 포트 (registered port)

•

49152번 ~ 65535번: 동적 포트 (dynamic port)

잘 알려진 포트 번호의 대표적 예는 다음과 같다.

•

20 : FTP(data)

•

21 : FTP(제어)

•

22 : SSH

•

23 : 텔넷

[NAS]08 NAS-Docker의 Domain, Port Forwarding, DDNS 구성 08

Docker에서 ubuntu 레지스트리 이미지 검색 후 마운트, 컨테이너 생성(설치)

이후 터미널에서 생성 - Bash 자동생성

1. 패키지 업데이트

2. ipconfig 등 사용하기 위한 net-tools 설치

[NAS]06 NAS 내부 Docker 설치 후 ubuntu 설치 후 초기 설정

1. Docker Hub를 가입하고 Test 레포지토리를 생성

2. Docker를 통해서 이미지 Push를 진행했지만 denied: requested access to the resource is denied 에러가 발생했다.

구글링을 통해 알아본 결과

•

docker hub에 로그인이 되지 않을 경우

•

user name과 docker hub 에 로그인된 ID가 일치하지 않을 경우

해당 에러가 발생 할 수 있다.

로그인과 이메일 인증은 완료된 상황이라 user name이 어디있고 어떻게 해결 할 수 있을지 찾아봤다.

우선 user name이 다름

현재 naspublish-flask, naspublish-nginx처럼 표기되어 있으나

dockhub와 연결되려면 <username>/naspublish-flask 처럼 username/이 앞에 붙어야 한다.

•

Docker 레지스트리 사용자 이름이 이미지를 생성하는 데 사용한 로컬 사용자 이름과 다른 경우 레지스트리 사용자 이름으로 이미지에 태그를 지정해야 합니다. 마지막 단계에 제공된 예의 경우 다음을 입력합니다.

•

ex) docker tag user/ubuntu-nodejs docker-registry-username/ubuntu-nodejs

•

public -> gildong/myweb:1.0 처럼 앞에 USER ID 를 입력해야 한다

•

private -> reg.test.com:5000/myweb:1.0 or 192.168.1.101:5000/myweb:1.0 처럼 앞에 주소를 입력해야 한다

[NAS]07_01 다시 원점으로, Docker Hub를 이용해보자

나는 카페24의 웹 호스팅 서비스와 도메인 서비스를 이용하고 있었다.

이전 개인사업체 기업 홈페이지를 워드프레스 테마를 활용하여 제작?이라기보다는 편집하여 사용해왔다. 하지만 웹 호스팅, 도메인에 대한 이해도가 부족해서 가이드에 따라서 대충 사용하여 실질적으로 어떻게 움직이는지 확신이 없었다.

웹 호스팅

바로 AWS에서 카드를 등록(유료)하고 아마존의 컴퓨터를 렌털하던 과정이 웹 호스팅이라 보면 된다. 나는 이미 cafe24에서도 웹 호스팅을 유료로 결제하고 있음에도 불구하고 같은 것이라고 생각도 안하고 추가적으로 AWS를 가입, 렌털 한 것이다. 왜냐면 직접 EB를 사용하여 업로드하지 않고 cafe24에서는 간단하게 워드프레스 테마를 선택하니 "아하 그냥 홈페이지가 생성됬구나." 정도의 이해도였던 것이었다.

하지만 AWS의 Elastic Beanstalk를 사용해보면서, 또한 지금 NAS로 내가 컴퓨터를 렌털 시켜주는 주체가 되어보니 얼마나 이해도가 부족했었는지 창피할 정도로 스스로 무식한 것을 깨달았다. AWS EB배포 실습을 통해 이러한 궁금증을 가지게 해주었고, 또한 무료 범위 내에서 다른 클라우드 시스템을 사용해보았기 때문에 매우 만족스러운 경험이다. (지식이 늘었다+1) 나는 이렇게 무식했던 과거의 나를 발견하고 새로운 것을 배울 길을 발견하면 아드레날린이 샘솟는다.. 무식한 나를 떠나보내며 자축의 의미로 30분정도 휴식하면서 기쁨을 만끽했다.

아래 AWS가 설명하는 웹 호스팅에 대한 개념을 설명하는 부분에 "우리 아마존 컴퓨터를 렌탈하세요."라는 고도의 마케팅 전략적인 문장이 숨어 있는 것을 알게 되었다.

웹 호스팅이란 무엇인가요?

웹 호스팅은 웹 사이트 또는 웹 애플리케이션을 저장하고 데스크톱, 모바일 및 태블릿과 같은 다양한 디바이스에서 손쉽게 액세스하도록 하는 서비스입니다. 모든 웹 애플리케이션 또는 웹 사이트는 일반적으로 서버라는 특수한 컴퓨터에 저장해야 하는 이미지, 동영상, 텍스트, 코드와 같은 여러 파일로 구성됩니다. 웹 호스팅 서비스 공급자는 파일을 저장하기 위해 임대할 수 있는 물리적 서버를 유지 관리, 구성 및 실행합니다. 또한 웹 사이트 및 웹 애플리케이션 호스팅 서비스는 보안, 웹 사이트 백업, 웹 사이트 성능 등의 추가 지원을 제공하여 고객이 웹 사이트의 핵심 기능에 집중할 수 있도록 합니다.

웹 호스팅이란 무엇인가요? - 웹 호스팅 서비스 설명 - AWS

웹 호스팅의 정의, 기업이 웹 호스팅을 사용하는 방식과 이유, AWS에서 웹 호스팅을 사용하는 방법을 설명합니다.

https://aws.amazon.com/ko/what-is/web-hosting/

도메인

도메인도 웹 호스팅과 비슷한 원리로 봐도 된다. ip(외부 ip==통신사가 부여하는 실제 ip =/ 내부 ip는 외부 ip로부터 공유기 등을 통해 구성한 홈 네트워크 또는 그룹 네트워크 내부망)는 사람이 이해하고 기억하기 어렵기 때문에 이를 위해서 각 ip에 이름을 부여할 수 있게 했는데, 이것을 도메인이라고 한다.

http://www.yzpocket.com은 내가 매년 구매 연장되고 있는 나의 도메인이다. 이 말은 저 웹 페이지가 연결된 어느 서버 컴퓨터가 있는데 그 서버가 통신에 연결된 외부(실제)IP가 저 문자열 주소를 관리하는 업체(IANA가 관리하는 최상위 루트 네임 서버)와 연결되어 있다고 보면 된다. 이말은 곧 내 도메인은 IANA의 루트 네임 서버에 등록된 하위 네임 서버 중 하나이다.

[NAS]05 Synology NAS 자체 웹 호스팅을 위한 NAS DNS 서버 세팅 및 도메인 Name Server 설정

NAS에서는 Docker, Nginx 등을 사용할 수 있다.

우선적으로 내 로컬 PC의 Docker로부터 Nginx를 통한 웹 서버 연결을 진행하면 NAS에서도 그대로 진행할 수 있다고 생각했다. 아주 많은 오류를 부딪히면서 Docker-compose를 통한 웹 서버를 생성했다. 이전 AWS EB로 배포한 프로젝트가 얼마나 쉽게 세팅하고 이미지를 만들고 배포해 주는지 깨닫게 되기도 했지만 생각보다 겹치는 부분이 많고 한번 진행하니 감이 온다.

간단히 요약하면 우선 Docker에서

•

Flask+uwsgi를 묶어서 1개의 이미지 생성

•

Nginx를 1개의 이미지로 생성

•

그리고 root폴더인 1개의 컨테이너가 위 2개의 이미지를 동시에 실행한다고 생각하면 된다.

그리고 이미지를 만드는 조건은 각 폴더를 구성하고[root/flask/, root/nginx/] 설정 파일들을 넣어두면 root폴더에 위치한 docker-compose가 알아서 각 이미지로 빌드 및 컨테이너에 담아준다.

간단해 보이지만 진행하는데 튀어나오는 혼란스러운 용어들과 "적당한 예제는 어디있을지", "나와 같이 NAS를 활용한 사례", "NAS에서는 어떤 WAS가 적당한지", "uwsgi는 무엇인지" 등등 찾느라 하루 온종일 매달렸다. 다행히 AWS EB배포를 한번 진행했고, Docker를 이전에 Oracle을 사용하기 위해서 설치하고 이것저것 만져본 경험이 있어서 Docker 자체의 기본 설정이나 Docker 자체가 무엇인지 이해도를 조금 가지고 시작해서 그나마 하루 정도로 실행되는 모습을 본 것 같다.(지식이 늘었다+1)

https://wpgur.tistory.com/76

무한의 구글링이 진행되고 있을 무렵 내가 가장 궁금증들을 말끔히 사라지게 만든 바로 "폴더 구조"를 명확히 보여준 블로그를 찾아냈다. AWS EB 배포에서도 deploy/ 폴더가 실질적인 프로젝트 업로드&배포의 대상이었다. 나는 Nginx가 내 조그마한 프로젝트에 어떤 게 너의 메인 파일이고 Flask Framework인지 확인하고, 포트는 어떤 것을 사용할 것이며, index.html, style.css, script.js는 어딨 냐고 물어보길 원했다. 하지만 이것은 uwsgi라는 Middleware존재와 전체적인 폴더 구조, 설정 파일의 위치를 보고 모든 의문이 풀렸다.

1. 폴더 구조

2. root/Flask/ 내 코드 수정 및 코드 삽입, 생성 필요 파일(+uwsgi)

[NAS]04 Synology NAS 배포 사전 테스트 Docker-compose로 서버 구축하기(Nginx-uwsgi-flask) 배포 전 로컬 테스트

DSM이란?

NAS DSM은 Disk Station Manager로 일종의 NAS 전용 Linux 기반 OS이다. 쉽게 말해 NAS도 모니터가 없는 간단한 서버 컴퓨터이지만 부팅이 된 상태기 때문에 뭔가 볼 수 있도록 GUI환경으로 개발된 Windows라 보면 된다.

NAS 초기 설정?

NAS 초기화 이후 디스크 볼륨 설정, Synology 계정 생성 및 QuickConnect.to 설정은 구글링으로 쉽게 찾을 수 있어 다루진 않는다.

사실 일반적인 PC의 포맷과 OS 설치 처럼 초기 설치 마법사가 진행해주기 때문에 단계별로 쉽게 따라하면 된다. 중요한건 동일한 네트워크에 있어야 한다. 통신사로부터 구매한 메인 LAN 연결을 ipTime과 같은 공유기로 로컬 컴퓨터와 서버 컴퓨터와 port1, port2로 분리시켜 놓기만 하면 된다. (QuickConnect로 원격만으로 업로드, 다운로드 한다면 이 과정마저 필요 없다. AWS와 비슷하게 나만의 AWS 서버 컴퓨터를 사용하는 느낌?)

DSM로 서버 접속

서버 이름은 FredStation이며 QuickConnect 설정을 했기 때문에 QuickConnect.to/ohnyong으로 접근 할 수 있지만 현재 내 로컬 Mac의 chrome_94 버전 브라우저 자체의 문제로 QuickConnect로 접근이 불가능했다. reddit 등 여러 커뮤니티에서도 해당 문제가 있는 것으로 나타났다.

Potential solution to QuickConnect not connecting locally in Chrome 94

A community to discuss Synology NAS and networking devices

https://www.reddit.com/r/synology/comments/pzpao6/potential_solution_to_quickconnect_not_connecting/

무한 로딩이 지속된다.

해당 이슈에 대한 솔루션의 문제는 방화벽과 관련된 문제라 강제로 방화벽을 없에기엔 다른 웹 사이트 접속시 문제가 생길 수 있다. 나는 현재 로컬 PC와 서버 PC가 동일 네트워크 환경이기 때문에 http://192.168.0.3:5000/로 직접 접속하는 것을 택했다.

사실 safari브라우저나 chrome의 sercret browser로 새창으로 접근하면 해당 QuickConnect도 이용 할 수 있는데 브라우저가 이것저것 뜨는것이 귀찮기 때문에 시작그룹에 해당 ip주소로 직접 들어가는 것을 추가해 두었다. 모바일 디바이스나 다른 네트워크 환경에서 원격으로 접속 할 땐 QuickConnect를 통해서 서버에 원격 접속 할 수 있다.

http://192.168.0.3:5000/

나의 로컬 컴퓨터에서 웹 브라우저로 서버 컴퓨터의 DSM에 접속한 화면이다.

[NAS]02 Synology NAS DSM 접근

프로젝트를 테스트하고자 하는데 아주 작은 규모의 프로젝트인데도 NAS로 업로드하는데 꽤 긴시간이 걸린다. 테스트를 하다보면 코드를 수정하거나 새로운 파일을 생성하거나 할텐데 이 업로드 속도로는 너무 지연될 것 같아서 방법을 찾아보았다.

애초에 프로젝트를 NAS와 공유된 폴더에서 진행하고 계속하여 동기화 한다면 시간을 단축 할 수 있을 것 같다. 마치 Google Drive를 로컬 PC의 폴더와 연동 시켜 작업하던것과 같이 Synology도 Synology Drive Client라는 로컬 데스크탑 프로그램이 존재한다.

다운로드 센터 - download | Synology Inc.

백서, 사용자 가이드 및 데이터시트의 기술 정보를 참고하여 Synology 제품에 대해 자세히 알아보십시오. 최신 소프트웨어 패치를 다운로드하여 최상의 기술을 즐기십시오.

https://www.synology.com/ko-kr/support/download/DS716+II?version=7.2#utilities

Synology Drive를 설치한다. 설치 시 QuickConnect 또는 NAS가 연결 된 IP주소와 user/pass가 필요하다. 인증을 통해서 서버 컴퓨터와 로컬 컴퓨터의 연동이 완료되었다.

실시간 연동 뿐만 아니라 지정된 스케쥴에 따라서 백업하는 형태로도 진행 할 수 있다. 아마 통신을 통해서 작업 파일들이 서버 컴퓨터로 전송되기 때문에 비작업 시간에 백업 되도록 설정하는 것도 방법이긴하다. 우선적으로 Google Drive 처럼 실시간 동기화를 사용해보고 싶었기 때문에 동기화를 선택했다.