달리는 두딘

2024년은 MariaDB로 시작해서

디두딘 — Wed, 2 Oct 2024 23:23:35 +0900

MariaDB로 끝난다
고 말씀 드릴 수 있겠네요

원래 저희 서비스는 모두 Oracle을 사용하고 있었는데요
이 모든 것을
모든 것을...
모든 것을........
MariaDB로 변경하는
대형 프로젝트를 진행 중입니다

상용 서비스가 이루어지고 있는 만큼
서비스 장애 없이 무사히 반영하는 것이
요즘 저희 서버 파트의 소원인데요

눈물아 멈춰봐

이 대형 프로젝트 덕분에
우리 서버 파트는 수명이 줄어들고
밤낮없이 헥헥 거리고 있으며
블로그 작성도 바쁜 만큼 줄어들고 있네요 크아악

그치만 바쁘고 힘든 만큼
얻은 것도 정말 많아서 애증의 프로젝트 입니다 ,,

앗
사이드 프로젝트는 시작도 못 하고 끝나버렸네요
ㅎ..ㅎㅎㅎㅎ.... 푸하하

반영이 성공적으로 끝난다면 (제발)
배운 지식을 들고
최대한 내부 정보 보호를 하면서!
회고 정리를 해보도록 하겠습니닷

그때까지

다시 한 번 더 화이팅 !!!!!!!!!!!!!!!!

서버 파트 화이팅 !!!!!!!!!!!!!!!!!!!!!!

웃으며 돌아오겠습니다 ..

[Linux] scp 명령어로 (로컬↔서버) 파일 전송

디두딘 — Wed, 17 Jul 2024 16:35:15 +0900

안녕하세요 !!!!!

오랜만입니다 후후

요즘 DB 마이그레이션 프로젝트 때문에 정신이 없네여

블로그를 올린지 5개월이나 지났다니... 소름

블로그 제목처럼

열심히 달리고 있는 요즘입니닷

갑자기 블로그가 생각나서 또 달려왔네여

프로젝트를 진행하면서

WAS1번 서버 -> 2번 서버에 폴더 그대로 전송할 일이 생겼는데

Filezila로 전송하며,, 너무 느려 좌절하고 있던 찰나

멋쟁이 프로님이 SCP라는 것을 알려주셨습니다!!!!!

역시 사람은 배워야 ...

신세계!!!

그래서 모두에게 알리고자 가져와봤습니다

scp는 SecureCopy의 약자로, 원격서버에 있는 파일과 폴더를 전송하거나 가져오기 위해 사용하는 명령어이다.

ssh 원격 접속 프로토콜을 기반으로 하며, ssh와 동일한 22번 포트를 이용하기 때문에

password/identity file을 이용해 안전하게 송수신 할 수 있다.

local→remote, remote→local, remote→remote로의 송수신이 모두 가능하다.

사용법

> scp [options] [source] [target]

# source : 파일을 보낼 주소
# target : 파일을 받을 주소

1. 로컬에서 원격으로 (Local→Remote)

> scp [전송할 파일 경로] [유저명]@[IP주소]:[받을 경로]

EX) 로컬의 /home/example.txt 파일을 원격지의 /home/test 디렉토리로 전송
> scp /home/example.txt dhj@141.211.xx.xxx:/home/test

2. 원격에서 로컬로 (Remote→Local)

> scp [유저명]@[IP주소]:[전송할 파일 경로] [받을 경로]

EX) 원격지의 /home/test.txt 파일을 로컬의 /home/example 디렉토리로 전송
> scp dhj@141.211.xx.xxx:/home/test.txt /home/example

3. 원격에서 원격으로 (Remote→Remote)

> scp [유저명]@[IP주소]:[전송할 파일 경로] [유저명]@[IP주소]:[받을 경로]

EX) A 원격지의 /home/test.txt 파일을 B 원격지의 /home/example 디렉토리로 전송
> scp dhj@141.211.xx.xxx:/home/test.txt gildong@141.223.xx.xxx:/home/example

옵션 (options)

-r: 폴더를 복사할 때 사용(전송 대상을 폴더로 지정). 모든 폴더들을 재귀적으로 복사함.
-P: ssh 포트 지정
-i: identity file을 지정해서 사용(identity file 경로를 지정)

> ex) scp -i ~/.ssh/dhj-server-private ~/example.txt dhj@141.223.xx.xxx:/home/test

-v: 상세내용을 보면서 디버깅 할 때 사용(verbose 모드)
-p: 전송 시 파일 수정 시간과 권한을 유지

> ex) scp -P 22 dhj@141.223.xx.xxx:/home/dhj/example.txt /home/test

복수의 파일 전송

1. 로컬에서 원격으로 (Local→Remote)

> scp [옵션] [파일명1] [파일명2] [유저명]@[IP주소]:[받을 경로]

2. 원격에서 로컬로 (Remote→Local)

1번의 경우와 다르게 원격지에서 보낼 파일들의 경로를 “ “을 이용해 묶어준다.

> scp [옵션] [유저명]@[IP주소]:"[파일명1] [파일명2]" [받을 경로]

3. 원격에서 원격으로 (Remote→Remote)

마찬가지로 원격지에서 보낼 파일들의 경로를 “ “을 이용해 묶어준다.

> scp [옵션] [유저명]@[IP주소]:"[파일명1] [파일명2]" [유저명]@[IP주소]:[받을 경로]

출처

https://doheejin.github.io/linux/2021/03/03/linux-scp.html

[DB] MariaDB JDBC Failover 및 Load balancing 설정

디두딘 — Tue, 16 Jul 2024 14:32:16 +0900

JDBC 설정 방법
jdbc:(mysql|mariadb):[replication:|sequential:|loadbalance:|aurora:]//[,...]/[database][?=[&=]...]

replication: jdbc:mysql:replication://master1,slave1,slave2/test

sequential: jdbc:mariadb:sequential://master1,master2/test

loadbalance: jdbc:mariadb:sequential://master1,master2/test

sequential

다중 마스터 환경에서 사용 가능하며, 정의된 순서대로 Connection 연결 시도, 첫 번째 호스트를 접속하지 못한 경우 다음 호스트로 순차적 접속 시도 연결 시도, (다중 Master, failover)

MariaDB Connector/J 1.3.0 이상

loadbalance

다중 마스터 환경에서 사용, 정의된 host 중 무작위로 선택, 부하를 분산 처리(다중 Master, 부하 분산)

Galera처럼 테이블을 동시에 잠금하여 작업하지 않는 이상 사용 불가, Relation기능을 이용한 다중 마스터의 경우 트랜잭션이 끝난 이후 동기화가 이루어지므로, 문제 발생 가능성 있음

MariaDB Connector/J 1.2.0 이상

replication

마스터-슬레이브 환경에서 슬레이브에 로드밸런싱을 지원, 슬레이브로 설정된 호스트에 무작위 연결 부하 분산
(슬레이브 failover, 부하 분산)

MariaDB Connector/J 1.2.0 이상

[PostgreSQL] PostgreSQL 접속

디두딘 — Sat, 10 Feb 2024 22:25:03 +0900

PostgreSQL 접속하기

PostgreSQL 접속으로 돌아왔습니당
짝짝

바로 진행해보시져

1. pgAdmin4 실행

시작에서 pgAdmin4을 검색한 후에 실행시켜줍니다.

pgAdmin4

이런 화면이 뜨게 됩니당

2. 접속하기

Server를 클릭하면

설치할 때 입력했던
루트 계정의 비번을 입력하라고 합니다!

벌써 잊으신 건 아니죠?
하하하

접속을 하시면 Sever Dashboard와 PostgreSQL 구조가 보입니다.

크게 Databases, Roles, Tablespaces 3개의 구조로 되어있습니다.
Data는 Table에 담기며 Table은 Tablespaces에 저장됩니다.

접속하면 기본 테이블로는 postgres 테이블이 생성되어 있습니다!

postgres 테이블 우클릭 -> Query Tool을 입력하면 Query문을 입력할 수 있는 입력 창이 나옵니다.

잘 작성되는지 테스트 해보겠습니당

현재 시간을 보여주는 SELECT NOW(); 를 실행해보겠습니당
Ctrl + a & Shift + home 버튼을 누르면 문자전체를 선택합니다.

그 후 F5 버튼을 누르면 Data 결과를 보여줍니다.

이렇게 간단하게 PostgreSQL을 실행해 봤습니다!

짝짝짝

이제 다음 제 계획은

프로젝트에 테스트용 서버 API 만들기
Dooray API 연동
PostgreSQL과 프로젝트 연동 후 테스트
도커 컴포즈로 컨테이너 만들어 보기

까지 저의 추후 계획입니당

우여곡절이 많을 거 같네요......
크흐흡

또 돌아오겠습니다~!~!!

[PostgreSQL] PostgreSQL 설치

디두딘 — Sat, 10 Feb 2024 22:14:10 +0900

PostgreSQL 설치하기

Oracle, Mysql만 써보다가
PostgreSQL은 처음입니다!

원래는 MongoDB를 생각했었는데
프로님이 PostgreSQL로 바꿔오셨더라구요? 하핫

저는 개미 나부랭이에 불과하기 때문에
따를 수 밖에 없습니다!

두근두근
좀 많이 다르다는데 .. 어떨지 궁금하네요.

자 그럼 시작!

하단 링크에 접속해서 다운로드 진행!
https://www.enterprisedb.com/downloads/postgres-postgresql-downloads

Community DL Page

Note: EDB no longer provides Linux installers for PostgreSQL 11 and later versions, and users are encouraged to use the platform-native packages. Version 10.x and below will be supported until their end of life. For more information, please see this blog p

www.enterprisedb.com

1. 페이지 접속 후 Download the installer 링크 클릭

2. 자신의 OS에 맞게 버전별 다운로드

저는 15.6으로 진행하겠습니다.
윈도우 기준으로 링크에 들어가면 자동으로 다운로드가 진행됩니다.

3. 설치 시작

모두 설치합니다!

ROOT & 슈퍼 사용자의 비밀번호를 설정
잊으시면 매우 곤란합니다

포트 설정

기본 포트인 5432로 하겠습니다.

지역 설정

Korean, Korea 선택 후 다음

몇 번의 Next를 더 누르신 후 설치를 기다립니다.

...Loading....

설치중..

지루행.....

설치가 완료되면 체크 박스를 해제 후 완료!

다음은 PostgreSQL 접속으로 돌아오겠습니다.
커밍순

[Next.js + TypeScript] 프로젝트 생성 및 초기 설정 (Styled-Components 적용)

디두딘 — Sat, 10 Feb 2024 21:34:27 +0900

설 연휴 전 ......
프로님이 투두리스트를 주셨다.

프로젝트를 생성하고 도커 컴포즈로 컨테이너를 생성해보라고 하신 것..............

따흑 나에겐 시간이 별로 없다...

후딱 프로젝트 생성부터 해보자!
아직 이름이 정해지지 않아서 뭐 그냥 임시로 team-study로 가보려고 한다.

1. 프로젝트 생성

Next.js + TypeScript 프로젝트를 생성해보자.

터미널에 아래 명령어를 입력

npx create-next-app --typescript 프로젝트명

해당 명령어를 입력하고 프로젝트 폴더로 이동하면 아래와 같은 구조로 프로젝트가 생성된다.

입력하면

이렇게 물어본다.

원래 1번 질문은
Would you like to use TypeScript? 인데
나는 애초에 typescript 프로젝트로 생성해서 스킵됨

(1) Would you like to use ESLint?

이 질문은 ESLint를 프로젝트에 포함시킬지 묻는 것

ESLint는 JavaScript 및 TypeScript 코드에 대한 정적 분석 도구로,
코드에서 발견된 문제점을 식별하고 보고해주는 역할을 합니다.
이는 특정 코드 스타일 가이드를 따르거나, 잠재적인 코드 품질 문제 및 버그를 식별하는 데 도움이 됩니다.

사용하실 분은 yes를 눌러주시면 됩니다.
저는 yes를 눌렀는데, no를 해도 나중에 필요하다면 ESLint를 수동으로 설치하고 설정할 수 있음

(2) Would you like to use Tailwind CSS?

이 질문은 Tailwind CSS를 프로젝트에 포함시킬지 묻는 것

Tailwind CSS는 저수준의 유틸리티 기반 CSS 프레임워크입니다.
이를 사용하면 HTML 마크업 내에서 CSS 스타일을 직접 적용할 수 있습니다.
기본적으로 응답형 디자인, 다크 모드 지원, 폼 플러그인 등을 포함하여 매우 유연하고 사용자 친화적인 API를 제공합니다.

저번 블로그 만들 때 Tailwind CSS를 사용했었는데
생각보다 문법도 다르지 않고
쉽게쉽게 바꿔서 적용이 가능했습니다!

예쁘기도 하고여
개인적으로 굉장히 좋아합니다 하핫

해당 프로젝트에 사용하실 분은 yes를 눌러주시면 됩니다.
no를 눌러도 나중에 필요하다면 Tailwind CSS를 수동으로 설치하고 설정할 수 있음

(3) Would you like to use src/ directory?

이 질문은 프로젝트의 소스 코드를 'src/' 디렉토리 안에 구성하고 싶은지를 묻는 것

다른 보통의 프로젝트들 처럼 소스코드를 src 폴더에 넣어 관리하도록 하는 것이 좋다고 합니다.

해당 질문에 yes를 하시면 프로젝트의 구조를 'src/' 디렉토리 안에 넣어서 세팅해줍니다.

하지만 이 후에도 프로젝트의 구조는 개발자의 필요에 따라 언제든지 변경할 수 있음

(4) Would you like to use App Router? (recommended)

프로젝트에 App Router
즉, Next.js의 Custom _app.js 또는 _app.tsx 파일을 사용할 것인지 묻는 질문

_app.js 또는 _app.tsx 파일은 모든 페이지에 공통적인 레이아웃을 적용하거나, 페이지 전환 시 상태를 유지하는 등의 용도로 사용할 수 있습니다.
또한, CSS-in-JS 라이브러리를 사용하거나 글로벌 CSS를 적용할 때도 사용됩니다.

위의 기능이 필요하다면 yes를 선택하면 됩니다.
그렇지 않다면 no를 선택하면 되고, 나중에 필요하게 되면 언제든지 _app.js 또는 _app.tsx 파일을 추가할 수 있음

(5) Would you like to customize the default import alias?

import 경로에 대한 별칭(alias) 설정을 사용자 정의할 것인지 물어보는 것

별칭(alias)은 특정 디렉토리를 가리키는 새로운 이름을 설정하는 것을 의미합니다.
이를 사용하면 프로젝트의 특정 디렉토리를 간단하게 참조할 수 있습니다.

예를 들어, 프로젝트에서 자주 사용되는 디렉토리의 경로를 매번 전체 경로로 적지 않고, 별칭을 통해 짧고 간결하게 참조할 수 있습니다.

yes를 선택하면 프로젝트 설정에서 import 별칭을 사용자 정의할 수 있는 옵션이 활성화되며,
별칭을 원하는 대로 설정하여 사용할 수 있음
no를 선택하면 이 단계를 건너뛰고 별칭 설정 없이 프로젝트를 생성하게 됨
나중에 필요하다면 수동으로 별칭을 설정할 수 있음

(6) 정상 설치

설치가 완료되었습니다!

프로젝트의 구조가 위의 사진처럼 구성됩니다.

2. Styled-Components 적용

Styled-Components가 뭔지 궁금하시다면 하단 링크 참고!

https://react.vlpt.us/styling/03-styled-components.html

3. styled-components · GitBook

03. styled-components 이번에 배워볼 기술은 CSS in JS 라는 기술입니다. 이 문구가 뜻하는 그대로, 이 기술은 JS 안에 CSS 를 작성하는 것을 의미하는데요, 우리는 이번 튜토리얼에서 해당 기술을 사용하

react.vlpt.us

(1) Styled-Components 설치

아래의 명령어를 입력해 styled-components 및 관련 타입 정의를 설치함

npm install styled-components
npm install --save-dev @types/styled-components

저도 따라서 설치한 화면

package.json 파일에서 잘 설치되었는지 확인해보겠습니다.

설치 완료~!! 하핫

(2) 서버 사이드 렌더링을 지원하도록 설정하기

Next.js의 커스텀 Document를 이용하여 _document.tsx 파일을 생성합니다.

pages/ 디렉토리에 _document.tsx 파일을 만들고 아래의 코드를 추가합니다.

import Document, { DocumentContext } from 'next/document'
import { ServerStyleSheet } from 'styled-components'

class MyDocument extends Document {
  static async getInitialProps(ctx: DocumentContext) {
    const sheet = new ServerStyleSheet()
    const originalRenderPage = ctx.renderPage

    try {
      ctx.renderPage = () =>
        originalRenderPage({
          enhanceApp: (App) => (props) =>
            sheet.collectStyles(<App {...props} />),
        })

      const initialProps = await Document.getInitialProps(ctx)
      return {
        ...initialProps,
        styles: (
          <>
            {initialProps.styles}
            {sheet.getStyleElement()}
          </>
        ),
      }
    } finally {
      sheet.seal()
    }
  }
}

export default MyDocument

그대로 복사해서 넣으시면 됩니다!

만약

'Cannot find module ...' ('next/document' 모듈을 찾을 수 없습니다.)

라는 에러가 발생한다면?

{
  "compilerOptions": {
    "lib": ["dom", "dom.iterable", "esnext"],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve",
    "incremental": true,
    "plugins": [
      {
        "name": "next"
      }
    ],
    "paths": {
      "@/*": ["./src/*"]
    }
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
  "exclude": ["node_modules"]
}

tsconfig.json

// moduleResolution": "bundler",
moduleResolution": "node",

moduleResolution을 node로 변경해주세요!

그럼 에러가 사라집니당

moduleResolution에 대한 정보는 하단 링크 참조

https://chiabi.github.io/2018/08/30/typescript/

TypeScript 사용할 때 'Cannot find module ...' 에러

웹팩과 타입스크립트를 공부하면서 자동판매기 프로젝트를 진행하다가 문제가 발생했다.처음에 loader등의 웹팩 설정에서 뭘 잘못한 줄 알았다. 결론적으로 문제는 tsconfig.js파일을 수정해 해결

chiabi.github.io

이제 styled-components를 이용하여 스타일링을 적용할 수 있습니다!

지금까지 Next.js + Typescript 프로젝트 생성 및 초기 세팅하는 법에 대해 알아보았습니다.

감사합니당

꾸우벅

참고 링크
https://velog.io/@osohyun0224/Next.js-Typescript-Styled-Components-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EC%B4%88%EA%B8%B0-%EC%84%B8%ED%8C%85%ED%95%98%EB%8A%94-%EB%B2%95

velog

velog.io

[Docker] Docker Next.js 프로젝트 배포

디두딘 — Thu, 1 Feb 2024 01:05:11 +0900

바야흐로 .. 작년 4월

혼자 토이프로젝트로 Next.js를 이용해 개인 블로그를 준비하고 있었는데,

너무 바쁜 나머지 내팽개쳐버린 프로젝트가 있었다.

일단 이 프로젝트를 이미지 파일로 만들어서 컨테이너에 띄우는 게 목표!

가보자고

DockerFile 구성

FROM node:14-slim

WORKDIR /usr/src/app

COPY package.json .
# COPY yarn.lock .

RUN yarn

COPY . .

EXPOSE 3000

CMD ["yarn", "dev"]

.dockerignore 설정

// .dockerignore
node_modules
.next

이미지 파일 생성

docker build -t doodin_blog .

빌드 완!

이미지 파일 목록을 보면 정상적으로 생성이 됐다.

오우 2.4GB..
오늘은 일단 띄워보는 것이 목표니까
크기 줄이는 건 나중에 해보자

찾아보니 도커파일만 잘 만들어도
크기를 확 줄일 수 있다고 한다!

Docker Desktop에서 이미지 파일 목록으로도 확인 가능

자 이제 그럼 이 이미지 파일을
컨테이너에 띄워보기!!

컨테이너 생성

docker run -dp 3000:3000 doodin_blog .

--name 옵션을 사용해서 컨테이너에 이름을 부여해주면 해당 이름으로 컨테이너를 식별 가능하다고 함

일단 난 그냥 해봄

Docker Desktop에서 보면 serene_feistel라는 이름으로 컨테이너 생성이 완료됐고, 현재 run 상태인 것도 확인 가능하다.

잘 구동중~~

Docker Desktop에서 로그도 확인 가능하다.

{
	"Id": "f4f5624060122fdf559ba645edb10783f864108a234651b2eaf0f9b8c5a4b03e",
	"Created": "2024-01-31T15:12:18.157660271Z",
	"Path": "docker-entrypoint.sh",
	"Args": [
		"yarn",
		"dev"
	],
	"State": {
		"Status": "running",
		"Running": true,
		"Paused": false,
		"Restarting": false,
		"OOMKilled": false,
		"Dead": false,
		"Pid": 1281,
		"ExitCode": 0,
		"Error": "",
		"StartedAt": "2024-01-31T15:12:18.59166914Z",
		"FinishedAt": "0001-01-01T00:00:00Z"
	},
	"Image": "sha256:da6358c8aa74d89eff6418f76a8b590c26d9f8cad9ba7fda87d41acdbf80e3ae",
	"ResolvConfPath": "/var/lib/docker/containers/f4f5624060122fdf559ba645edb10783f864108a234651b2eaf0f9b8c5a4b03e/resolv.conf",
	"HostnamePath": "/var/lib/docker/containers/f4f5624060122fdf559ba645edb10783f864108a234651b2eaf0f9b8c5a4b03e/hostname",
	"HostsPath": "/var/lib/docker/containers/f4f5624060122fdf559ba645edb10783f864108a234651b2eaf0f9b8c5a4b03e/hosts",
	"LogPath": "/var/lib/docker/containers/f4f5624060122fdf559ba645edb10783f864108a234651b2eaf0f9b8c5a4b03e/f4f5624060122fdf559ba645edb10783f864108a234651b2eaf0f9b8c5a4b03e-json.log",
	"Name": "/serene_feistel",
	"RestartCount": 0,
	"Driver": "overlay2",
	"Platform": "linux",
	"MountLabel": "",
	"ProcessLabel": "",
	"AppArmorProfile": "",
	"ExecIDs": [
		"68429ebcb28e52cb8ca5e94a8b52ac11e2066828bb214a22f62ba7d5b5ec0fe3"
	],
	"HostConfig": {
		"Binds": null,
		"ContainerIDFile": "",
		"LogConfig": {
			"Type": "json-file",
			"Config": {}
		},
		"NetworkMode": "default",
		"PortBindings": {
			"3000/tcp": [
				{
					"HostIp": "",
					"HostPort": "3000"
				}
			]
		},
		"RestartPolicy": {
			"Name": "no",
			"MaximumRetryCount": 0
		},
		"AutoRemove": false,
		"VolumeDriver": "",
		"VolumesFrom": null,
		"ConsoleSize": [
			32,
			215
		],
		"CapAdd": null,
		"CapDrop": null,
		"CgroupnsMode": "host",
		"Dns": [],
		"DnsOptions": [],
		"DnsSearch": [],
		"ExtraHosts": null,
		"GroupAdd": null,
		"IpcMode": "private",
		"Cgroup": "",
		"Links": null,
		"OomScoreAdj": 0,
		"PidMode": "",
		"Privileged": false,
		"PublishAllPorts": false,
		"ReadonlyRootfs": false,
		"SecurityOpt": null,
		"UTSMode": "",
		"UsernsMode": "",
		"ShmSize": 67108864,
		"Runtime": "runc",
		"Isolation": "",
		"CpuShares": 0,
		"Memory": 0,
		"NanoCpus": 0,
		"CgroupParent": "",
		"BlkioWeight": 0,
		"BlkioWeightDevice": [],
		"BlkioDeviceReadBps": [],
		"BlkioDeviceWriteBps": [],
		"BlkioDeviceReadIOps": [],
		"BlkioDeviceWriteIOps": [],
		"CpuPeriod": 0,
		"CpuQuota": 0,
		"CpuRealtimePeriod": 0,
		"CpuRealtimeRuntime": 0,
		"CpusetCpus": "",
		"CpusetMems": "",
		"Devices": [],
		"DeviceCgroupRules": null,
		"DeviceRequests": null,
		"MemoryReservation": 0,
		"MemorySwap": 0,
		"MemorySwappiness": null,
		"OomKillDisable": false,
		"PidsLimit": null,
		"Ulimits": null,
		"CpuCount": 0,
		"CpuPercent": 0,
		"IOMaximumIOps": 0,
		"IOMaximumBandwidth": 0,
		"MaskedPaths": [
			"/proc/asound",
			"/proc/acpi",
			"/proc/kcore",
			"/proc/keys",
			"/proc/latency_stats",
			"/proc/timer_list",
			"/proc/timer_stats",
			"/proc/sched_debug",
			"/proc/scsi",
			"/sys/firmware",
			"/sys/devices/virtual/powercap"
		],
		"ReadonlyPaths": [
			"/proc/bus",
			"/proc/fs",
			"/proc/irq",
			"/proc/sys",
			"/proc/sysrq-trigger"
		]
	},
	"GraphDriver": {
		"Data": {
			"LowerDir": "/var/lib/docker/overlay2/31aacf2ac1ef5992213b7a212b7d81aebb95d4f1378bc6882304541c4ed275b2-init/diff:/var/lib/docker/overlay2/nqbpeeuzdyiwjdz395gp7hd64/diff:/var/lib/docker/overlay2/u70tm9tiit6xnfbtrqoucyqr6/diff:/var/lib/docker/overlay2/ddvg4m0buebkaba857s10gbjw/diff:/var/lib/docker/overlay2/hgpn5qzdliybi0yo7n45yqeos/diff:/var/lib/docker/overlay2/5f097528529822b911c6e87cdca215464735692e628f24747190023304b86d91/diff:/var/lib/docker/overlay2/25ffb545c1693ea85926acf7cc28fdf8486866f513f9da0e65d59f56e782a017/diff:/var/lib/docker/overlay2/bb4b82298881dba892d65e9ebca1e9caa265095bf4a00a280c21a8380dd2a4a8/diff:/var/lib/docker/overlay2/34875b8074c0ab031c611807e943fcfe1312e21b22ba63148115547418011de4/diff:/var/lib/docker/overlay2/52a615f27325e1a0c9cdd8adf0d731fde6eb7b99c8f991b6ee9fb26d4be7a764/diff",
			"MergedDir": "/var/lib/docker/overlay2/31aacf2ac1ef5992213b7a212b7d81aebb95d4f1378bc6882304541c4ed275b2/merged",
			"UpperDir": "/var/lib/docker/overlay2/31aacf2ac1ef5992213b7a212b7d81aebb95d4f1378bc6882304541c4ed275b2/diff",
			"WorkDir": "/var/lib/docker/overlay2/31aacf2ac1ef5992213b7a212b7d81aebb95d4f1378bc6882304541c4ed275b2/work"
		},
		"Name": "overlay2"
	},
	"Mounts": [],
	"Config": {
		"Hostname": "f4f562406012",
		"Domainname": "",
		"User": "",
		"AttachStdin": false,
		"AttachStdout": false,
		"AttachStderr": false,
		"ExposedPorts": {
			"3000/tcp": {}
		},
		"Tty": false,
		"OpenStdin": false,
		"StdinOnce": false,
		"Env": [
			"PATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin",
			"NODE_VERSION=14.21.3",
			"YARN_VERSION=1.22.19"
		],
		"Cmd": [
			"yarn",
			"dev"
		],
		"Image": "doodin_blog",
		"Volumes": null,
		"WorkingDir": "/usr/src/app",
		"Entrypoint": [
			"docker-entrypoint.sh"
		],
		"OnBuild": null,
		"Labels": {}
	},
	"NetworkSettings": {
		"Bridge": "",
		"SandboxID": "eab129b5f639d2dce115ebd9a18601e748faeaccf557b1f06390bff8a8f6c6dd",
		"HairpinMode": false,
		"LinkLocalIPv6Address": "",
		"LinkLocalIPv6PrefixLen": 0,
		"Ports": {
			"3000/tcp": [
				{
					"HostIp": "0.0.0.0",
					"HostPort": "3000"
				}
			]
		},
		"SandboxKey": "/var/run/docker/netns/eab129b5f639",
		"SecondaryIPAddresses": null,
		"SecondaryIPv6Addresses": null,
		"EndpointID": "174bbc564d6581104d0084d06cf750280e58dab35ea1a141ee3c165c3b041de5",
		"Gateway": "172.17.0.1",
		"GlobalIPv6Address": "",
		"GlobalIPv6PrefixLen": 0,
		"IPAddress": "172.17.0.2",
		"IPPrefixLen": 16,
		"IPv6Gateway": "",
		"MacAddress": "02:42:ac:11:00:02",
		"Networks": {
			"bridge": {
				"IPAMConfig": null,
				"Links": null,
				"Aliases": null,
				"MacAddress": "02:42:ac:11:00:02",
				"NetworkID": "03607c78977124599b313bc5bd3b0d05ad1d1595b2e31ab597381b6eb22ad0fd",
				"EndpointID": "174bbc564d6581104d0084d06cf750280e58dab35ea1a141ee3c165c3b041de5",
				"Gateway": "172.17.0.1",
				"IPAddress": "172.17.0.2",
				"IPPrefixLen": 16,
				"IPv6Gateway": "",
				"GlobalIPv6Address": "",
				"GlobalIPv6PrefixLen": 0,
				"DriverOpts": null
			}
		}
	}
}

Docker Inspect

DockerFile에 설정한 경로에 내 프로젝트가 구성되어 있는 것이 확인 가능함

DockerFile에 EXPOSE 3000으로 했기 때문에 http://localhost:3000/ 으로 접속해봄

내 프로젝트다!!!!!! 박수~!!! 야호

이럴줄 알았으면 더 열심히 만들어놓을걸 싶네요

문제는 누군가 이 이미지 파일을 받는다면
주기적으로 supabase 활성화를 해야한다는 것 ..
안 하면 비활성화 되어버려서 에러가 날 것임다 ㅜ

도커에 한 걸음 다가 간 듯 합니다!
왜 다들 도커도커 하는지 알 거 같네요...........

이 이미지 파일을 push해서 docker hub로 올리고

다른 사람들이 이미지 파일을 pull 한다면 제 프로젝트를 확인하는 것이 가능할 것 같네욧!

너무 뜻 깊고 재밌었습니다! 꾸우벅

[Docker] Docker File을 이용하여 Docker Image 만들기

디두딘 — Wed, 31 Jan 2024 23:07:01 +0900

Docker File

Docker File이란 Docker Image를 만들기 위한 설정 파일입니다. 여러가지 명령어를 토대로 Docker File을 작성하면 설정된 내용대로 Docker Image를 만들 수 있습니다. 이전 포스트에서도 설명했듯이 Docker File을 읽을줄 안다는 것은 해당 이미지가 어떻게 구성되어 있는지 알 수 있다는 의미입니다.

Docker File 작성 예

$ vim Dockerfile

FROM ubuntu:14.04

# app 디렉토리 생성
RUN mkdir -p /app

#Docker 이미지 내부에서 RUN, CMD, ENTRYPOINT의 명령이 실행될 디렉터리를 설정합니다.
WORKDIR /app

# 현재 디렉터리에 있는 파일들을 이미지 내부 /app 디렉터리에 추가함
ADD     . /app

RUN apt-get update

RUN apt-get install apache2

RUN service apache2 start

VOLUME ["/data", "/var/log/httpd"]

# 하기 포트를 외부로 노출합니다.
EXPOSE 80

     
# 쉘을 사용하지 않고 컨테이너가 시작되었을 때 logbackup 스크립트를 실행
CMD ["/app/log.backup.sh"]

:wq!

컨테이너에 담을 파일들은 Dockerfile 하위디렉토리에 있어야하며
Dockerfile 안에서 ADD시 절대경로는 사용 불가능 합니다.

FROM
기반이 되는 이미지 레이어입니다.
<이미지 이름>:<태그> 형식으로 작성
ex) ubuntu:14.04

MAINTAINER
메인테이너 정보입니다.

RUN
도커이미지가 생성되기 전에 수행할 쉘 명령어

VOLUME
VOLUME은 디렉터리의 내용을 컨테이너에 저장하지 않고 호스트에 저장하도록 설정합니다.
데이터 볼륨을 호스트의 특정 디렉터리와 연결하려면 docker run 명령에서 -v 옵션을 사용해야 합니다.
ex) -v /root/data:/data

CMD
컨테이너가 시작되었을 때 실행할 실행 파일 또는 셸 스크립트입니다.
해당 명령어는 DockerFile내 1회만 쓸 수 있습니다.

WORKDIR
CMD에서 설정한 실행 파일이 실행될 디렉터리입니다.

EXPOSE
호스트와 연결할 포트 번호입니다.

.dockerignore

dockerignore 파일 생성시 Docker 이미지 생성 시 이미지안에 들어가지 않을 파일을 지정 할 수 있습니다.

$ vim dockerignore

node_modules
npm-debug.log
Dockerfile*
docker-compose*
.dockerignore
.git
.gitignore
README.md
LICENSE
.vscode

:wq!

작성 된 DockerFile로 Image 만들기

$ docker build -t [만들고싶은 이미지 이름]

해당 명령어는 반드시 DockerFile 경로에서 입력해야 합니다.

[Docker] Docker Desktop 설치

디두딘 — Sun, 28 Jan 2024 19:25:02 +0900

윈도우에서 도커 데스크톱(Docker Desktop) 설치 과정을 소개하겠습니다.

1. Docker Desktop 다운

구글에서 Docker Desktop을 검색해서 가장 위에 표시되는 공식 사이트로 들어가면
아래와 같은 페이지가 표시됩니다.

윈도우 버전을 설치해줍니다.

2. Docker 설치

다운받은 인스톨러를 실행시켜 설치를 진행해 줍니다.
기본 옵션으로 선택하고 ok를 클릭합니다.

프로그램이 설치 됩니다.

설치가 완료되고,
close and restart 버튼을 눌러 윈도우를 재시작해 주세요.

3. Docker 실행

시스템 트레이의 오른쪽 하단 모서리에 고래 아이콘이 있는지 확인해 보세요.
만약 고래 아이콘이 없다면 아직 도커가 실행되지 않은 상태이니,
docker를 윈도우 검색창에서 검색해서 실행해 주세요.

이제 고래아이콘이 잘 보이고, 이것으로 도커가 실행되고 있다는 걸 확인할 수 있습니다.
도커가 처음 실행되면 서비스 동의가 나오는데 체크하고 Aceept 를 눌러주세요.

4. Docker 정상 실행 결과 확인

이제 정상적으로 실행됩니다.
튜토리얼로 안내로 나오는 커맨드를 입력해서 도커가 정상 실행되는지 확인해 보겠습니다.

Docker desktop 정상실행

파워쉘에서 docker/getting-started 컨테이너를 가져와 실행하고 있습니다.

Docker run

이제 브라우저에서 확인해보겠습니다.

아래 호스트로 접속해보면
http://localhost/tutorial/
도커로 실행한 웹 프로젝트가 잘 실행되는 걸 확인할 수 있습니다.

두둥~~! 사이드 프로젝트 시작

디두딘 — Sun, 28 Jan 2024 18:47:20 +0900

안녕하세요?

하아...

일상에 치이고 술에 치이고 업무에 치인 나머지

글을 너무 안 쓰고 있었네요..

누가 기다릴까 싶지만은.. 동기들은 봐주겠죠? 헤헤

저는... 저는... 아주 바쁜 생활을 보내고 있습니다.

인턴 정규직으로 입사했다는 글을 작성한지가 엊그제 같은데

어느덧 저는 3년차가 되었고, 30대에 진입하였으며.........

새삼 시간 흐름의 무서움을 느끼고 있네요.

슬슬 개인적인 발전이 너무 없다고 걱정하던 와중

멋진 프로님 두분과 나의 소중한 동기와 함께

사이드 프로젝트를 진행하기로 했습니다.

짝짝짝!!!! 박수쳐!!!!!!!

껴주셔서 너무 감사해요 흑흑

저번주 화요일에 킥오프를 시작으로

서버와 클라이언트 각자 어떻게 진행하면 좋을지 고민하기로 했습니다.

킥오프 전에 프로님이 어떤 것을 배우고 싶었는지 리스트업을 해오라고 하셔서

고민 고민 해본 결과

아마........ 변동사항이 없다면 서버는

Node.js / Express
- -> Kotlin으로 바뀔 수도 있지만, 저는 Node.js가 좋을 거 같다고 판단 중입니다!
React / Typescript
MongoDB
Docker / Kubernetes
JWT Auth / Redis
Swagger

이렇게 진행되지 않을까... 싶습니다!

전부 업무에 사용되지 않는 것들이라 두려움도 크지만

모두 성공적으로 제 것으로 만들 수 있기를 바라고 있습니다!

제에발

앞으로 사이드 프로젝트 진행하면서

배우고 삽질하고 하는 모든 부분을 기록해볼 생각입니다...만

잘 될지 모르겠네요!

무튼 성공적인 프로젝트를 위해

달려보겠습니다!

달리는 두딘

2024년은 MariaDB로 시작해서

다시 한 번 더 화이팅 !!!!!!!!!!!!!!!!

서버 파트 화이팅 !!!!!!!!!!!!!!!!!!!!!!

[Linux] scp 명령어로 (로컬↔서버) 파일 전송

사용법

1. 로컬에서 원격으로 (Local→Remote)

2. 원격에서 로컬로 (Remote→Local)

3. 원격에서 원격으로 (Remote→Remote)

옵션 (options)

복수의 파일 전송

1. 로컬에서 원격으로 (Local→Remote)

2. 원격에서 로컬로 (Remote→Local)

3. 원격에서 원격으로 (Remote→Remote)

[DB] MariaDB JDBC Failover 및 Load balancing 설정

sequential

loadbalance

replication

관련 변수

[PostgreSQL] PostgreSQL 접속

PostgreSQL 접속하기

[PostgreSQL] PostgreSQL 설치

PostgreSQL 설치하기

[Next.js + TypeScript] 프로젝트 생성 및 초기 설정 (Styled-Components 적용)

1. 프로젝트 생성

(1) Would you like to use ESLint?

(2) Would you like to use Tailwind CSS?

(3) Would you like to use src/ directory?

(4) Would you like to use App Router? (recommended)

(5) Would you like to customize the default import alias?

(6) 정상 설치

2. Styled-Components 적용

(1) Styled-Components 설치

(2) 서버 사이드 렌더링을 지원하도록 설정하기

[Docker] Docker Next.js 프로젝트 배포

DockerFile 구성

.dockerignore 설정

이미지 파일 생성

컨테이너 생성

[Docker] Docker File을 이용하여 Docker Image 만들기

Docker File

Docker File 작성 예

.dockerignore

[Docker] Docker Desktop 설치

1. Docker Desktop 다운

2. Docker 설치

3. Docker 실행

4. Docker 정상 실행 결과 확인

두둥~~! 사이드 프로젝트 시작

짝짝짝!!!! 박수쳐!!!!!!!

화이팅~~