본문 바로가기

전체 글

 (74)
Docker + Frontend(Nginx, React) + Backend(Nginx, Gunicorn, Django, PostgreSQL) * 목차 - Frontend Container 제작 1. React Project 시작 2. React build 2. Dockerfile 제작 3. Docker build - Backend Container 제작 1. Django Project 시작 2. Postgresql, Django Database Setting 3. Django Model, API 작성 4. PostgreSQL 설정 5. Dockerfile 제작 6. Docker build 7. static file 추가 - Frontend, Backend 연결 1. API 작성 2. React api 요청 작성 3. Backend Container, Frontend Container 연결 Intro 이번 글에서 구축할 시스템은 아래 그림과 같..
Docker Compose - tutorial *목차 - Intro - 1단계 : Application 종속성 정의 - 2단계 : Dockerfile 생성 - 3단계 : compose file에 service를 정의 - 4단계 : compose build & run - 5단계 : compose수정, mount bind - 6단계 : compose로 re-build & run - 7단계 : application 최신화 * 환경은 EC2의 ubuntu으로 진행합니다. 아래 링크를 참조해 주세요 AWS - EC2 초 간단 생성 + vscode 원격연결 (2023년 version) 독립된 서버가 급히 필요한데 주변에 아무것도 없다면? Linux OS가 필요한 상황인데 집에 Windows만 있는 상황이라면? Docker를 windows 환경에서 또 새로 구축..
Docker - Tutorial * 목차 - Docker Engine 설치 - Docker Image 제작 (flask) - Docker Image 실행 - Docker Image 배포 * 환경은 EC2의 ubuntu으로 진행합니다. 아래 링크를 참조해 주세요 AWS - EC2 초 간단 생성 + vscode 원격연결 (2023년 version) 독립된 서버가 급히 필요한데 주변에 아무것도 없다면? Linux OS가 필요한 상황인데 집에 Windows만 있는 상황이라면? Docker를 windows 환경에서 또 새로 구축하긴 귀찮죠... 그럴 때는 EC2를 사용해 봅시 tyoon9781.tistory.com Docker Engine 설치 1. Docker Engine 설치 문서 접속 먼저 Docker의 공식문서 접속합니다. Docker ..
k8s - Service Service는 고정 IP를 통해 Client로부터 Pod의 일회성으로 인한 IP변동에 대해 알 필요가 없도록 하는 기술이다. ClusterIP 기본 서비스 타입. 클러스터 내부에서 사용 가능 예시1 : hostname-server.yaml (deployment) apiVersion: apps/v1 kind: Deployment metadata: name: hostname-server labels: app: hostname-server spec: replicas: 2 selector: matchLabels: app: hostname-server template: metadata: labels: app: hostname-server spec: containers: - name: hostname-server..
k8s - Pod Pod란? - 컨테이너 애플리케이션의 기본 실행단위. - 배포할 수 있는 가장 작고 간단한 단위 - 파드 내부에는 여러개의 컨테이너가 있음. 보통 2개, 많으면 3개 - 같은 목적으로 자원을 공유하기 위해서 동일한 워커노드에서 실행 - 동일 IP로 접근하며, Pod 안 컨테이너와 통신할 때는 포트를 통해 접속 - .yaml파일을 통해 pod를 생성한다. yaml 파일 예시 (app.yaml) apiVersion: v1 kind: Pod metadata: name: app labels: app: app spec: containers: - image: takytaky/app:v1 name: app-container ports: - containerPort: 80 protocol: TCP 이 yaml 파일을 ..
k8s - ubuntu 환경에 Kubernetes 설치 설치(AMI 저장 가능 상태까지) # set master node hostnamectl set-hostname master # set hosts nano /etc/hosts --------------- 192.168.137.100master 192.168.137.101worker1 192.168.137.101worker2 # (저장) # cri-dockerd 설치 mkdir k8s-labfile cd k8s-labfile wget https://labfile-0425.s3.ap-northeast-2.amazonaws.com/cri-dockerd.tgz tar -xvzf cri-dockerd.tgz # cri-dockerd compile script cd ~ git clone https://github.c..
Docker - ubuntu에 Docker 설치 Docker 설치 최대한 필요한 부분만 간단하게 요약했습니다. ubuntu 유저분들은 그대로 따라 오시면 됩니다. # update sudo apt-get update # using https for download sudo apt-get install -y apt-transport-https # https certification sudo apt-get install -y ca-certificates # https url file transfer protocol sudo apt-get install -y curl # repository register sudo apt-get install -y software-properties-common # add GPG key sudo curl -fsSL https..
[Flask] - Quickstart *목차1. A Minimal Application2. Debug mode3. Route4. Static Files5. Rendering Templates6. Accessing Request Data7. Redirect and Errors8. About Response9. Sessions10.Message Flashing11. Logging12. Hooking in WSGI Middleware13. Using Flask Extensions14. Deploying to a Web Server    * 본 문서는 Flask 공식 튜토리얼을 참조하였습니다.* linux ubuntu 22.04 LTS server, vscode 환경에서 진행하였습니다. Flask의 QuickStart 내용을 예제와 함께 다뤄보았습..
[Flask] - Tutorial * 목차1. Python virtual environment 설정2. Flask 설치3. Flask 파일 작성4. Flask 실행  * 본 문서는 Flask 공식 튜토리얼을 참조하였습니다.* linux ubuntu 22.04 LTS server, vscode 환경에서 진행하였습니다.Flask는 정말로 간단하게 Server를 만들 수 있습니다. 바로 시작하겠습니다. 0. python 설치저는 EC2 ToyServer에서 진행합니다. python3.10이 깔려 있습니다. 1. Python virtual environment 설정특별한 일이 없다면 시스템 python version과 같은 가상환경을 최신으로 맞춰줍시다.python -m venv .venv 저는 python3으로 해야 시스템python이 실행됩..
'React' must be in scope when using JSX 이건 보통 ESLint가 탐지한 결과물입니다. 실행에는 아무런 문제가 없을 가능성이 있습니다. 원인은 jsx file에 React가 선언이 되지 않아서 생긴 문제입니다. 이 현상을 해결하려면 import React from 'react'를 하시면 됩니다. 만약 React를 추가하지 않고 빨간 줄을 없애고 싶으신 분들은 .eslintrc.cjs의 rules에 예외처리를 하시면 됩니다. 그러면 React를 선언하지 않고도 빨간 줄의 경고를 보지 않아도 됩니다.

티스토리툴바