760kry.log - mysetting

3:28 5/30

velog.io

mobile screenshot relative

3:28

velog.io

mobile screenshot

760kry.log
https://velog.io/@760kry

개발 공부 :D

저작도구: velog

최종 피드 수집: 2024-11-11 18:16

전체 (65)

1d

인덱스 시그니처와 맵드 타입, 제네릭

인덱스 시그니처(Index Signatures)
객체의 속성 이름이 미리 정의되지 않았을 때, 속성 이름이 동적으로 결정되는 경우 해당 속성의 키와 값을 지정하는 문법이다.
인터페이스 내부에 [key: K]: T와 같이 타입을 명

000

8M

선택 정렬(Selection Sort)

선택 정렬(Selection Sort)의 특징
선택 정렬은 배열을 순회하면서 각 단계에서 배열의 나머지 부분 중에서 최소값을 찾아 최소값을 해당 단계의 시작점에 위치한 요소와 교환한다. 이 과정을 반복하여 정렬한다.
제자리 정렬(

000

1y

쿠버네티스 객체 이해하기

쿠버네티스 객체
쿠버네티스에서 클러스터내의 리소스를 추상화하기 위해 객체라는 개념을 사용한다.
쿠버네티스 객체는 쿠버네티스에서 실행되는 애플리케이션, 서비스, 볼륨, 네트워크 등 모든 것을 표현한다.
명령적 방식과 선언적 방식으로

000

1y

Kubectl과 Minikube

kubectl
kubectl은 kubernetes CLI(command line interface) 두구 중 하나로 쿠버네티스의 클러스터를 관리하는 명령어 도구이다
클러스터에서 실행 중인 컨테이너 상태를 모니터링할 수 있다.
po

000

1y

Dockerfile 최적화 Multi-Stage Build(멀티스테이지 빌드)

Multi-Stage Build(멀티 스테이지 빌드)란?
단일 도커 파일에서 여러 단계의 빌드를 수행하는 방법입니다.
사용하는 이유
빌드 도구와 런타임 환경을 분리하고 실행에 필요한 최소한의 구성만 포함하여 이미지 크기를 최소화할

000

1y

쿠버네티스 아키텍처와 개념

쿠버네티스란?
쿠버네티스는 컨테이너화된 애플리케이션을 관리하고 배포하기 위한 오픈소스 툴입니다.
쿠버네티스를 사용하면 애플리케이션의 상태를 관리하고, 자동 배포, 스케일링, 로드 밸런싱, 복구, 모니터링 등 다양한 기능을 수행할

000

1y

Docker Compose

도커 컴포즈는 다중 컨테이너 설정을 쉽게 관리할 수 있습니다.
모든 서비스와 모든 컨테이너를 즉시 시작하고 필요하다면 필요한 이미지를 빌드하는 것을 하나의 명령어를 사용하여 모든 것을 시작하거나 중단할 수 있습니다.(오케스트레이션

000

1y

도커 컨테이너 간 통신

도커 컨테이너 간의 통신을 하기 위해 여러 개의 컨테이너를 만들어 봅니다.
기본적으로 웹 API 및 웨 피이지와 통신할 수 있습니다.(WWW)
불필요한 것을 복사하지 않도록 .dockerignore을 작성합니다.
.dockerig

002

1y

도커 볼륨과 바인드 마운트

볼륨 vs 바인드 마운트
도커 컨테이너에 데이터를 보존하기 위해 볼륨과 바인드 마운트라는 두 가지의 외부 데이터 저장 메커니즘이 있습니다.
Volumes
컨테이너 외부의 특정 디렉토리에 연결된 도커 컨테이너의 내부 디렉터리입니다.

000

1y

도커 이미지와 컨테이너

도커 이미지와 컨테이너
도커 엔진에서 사용하는 기본 단위는 이미지와 컨테이너이며, 이 두 가지가 도커 엔진의 핵심입니다.
이미지에는 코드, 설정, 여러 것들이 포함되며 컨테이너는 그 이미지의 실행 인스턴스입니다.
이미지를 기반으로

000

1y

Docker 란 ?

도커란?
도커는 컨테이너를 생성하고 관리하기 위한 도구입니다.
리눅스 컨테이너에 여러 기능을 추가하여 애플리케이션을 컨테이너로 조금 더 쉽게 사용할 수 있도록 만들어진 오픈소스 프로젝트로 go 언어로 작성되어 있습니다.
기존에 쓰

000

1y

Class 클래스

Class
자바스크팁트는 프로토타입 기반의 객체지향 언어입니다.
static method or static properties
프로터타입에 할당되지 않고 생성자 함수 객체에 직접 할당되어있는 프로퍼티와 메소드를
static me

000

1y

객체 지향 Prototype

객체지향 프로그래밍 OOP(Object Oriented Programming) 이란?
서로 관련 있는 데이터와 함수를 객체(하나의 역할을 수행하는 메소드와 변수의 묶음)로 정의해서 서로 상호작용할 수 있도록 프로그래밍해나가는 것을

000

1y

Javascript This

자바스크립트에서 this는 실행 컨텍스트가 생성될 때 바인딩됩니다.
즉, 함수가 호출될 때 this가 결정된다는 것입니다.
아래 소스를 보면 어떻게 호출했느냐에 따라 this가 달라집니다.
const student = {
na

000

1y

실행 컨텍스트

실행 컨텍스트란?
자바스크립트가 실행되는 환경으로 함수를 실행할 때 필요한 조건, 환경정보를 제공하는 객체입니다.
실행 컨텍스트를 이해하면 Scope, hoisting, closure, this와 같은 중요한 동작을 이해할 수 있

000

2y

JS 데이터 타입(원시형 vs 참조형)

자바스크립트에서 데이터 타입에는 아래와 같이 원시형과 참조형으로 나뉩니다.
자바스크립트 메모리 구조는 스택 메모리(정적 할당, 변수, 원시형 데이터 저장)와 힙 메모리(동적 할당, 참조형 데이터, 저장) 영역으로 나뉘어 있습니다.

000

2y

바벨(Babel) 설정하기

바벨(Babel)을 왜 사용할까?
바벨은 트랜스파일러로 최신 자바스크립트(타입스크립트, JSX 포함)가 모든 브라우저에서 동작하도록 변환해 줍니다.
실행이 안되는 구버전 웹브라우저를 대응하기 위해 배포할 때에 예전 방식의 자바스

000

2y

React Query

React-Query란?
React 애플리케이션에서 데이터를 가져오기 위한 라이브러리입니다.
데이터 Fetching, 캐싱, 동기화, 서버 쪽 데이터 업데이트 비동기 과정에서 데이터를 관리하기 편하게 할 수 있습니다.
사용하는 이

000

2y

CRA(Create React App) 웹팩 설정하기

CRA(Create React App)는 프로젝트 초기 세팅 및 복잡한 과정을 해결해줍니다.
예를 들어, 아래와 같은 명령어로 타입스크립트 환경의 리액트 프로젝트를 만들 수 있습니다.
yarn create react-app my-

000

2y

http 와 https

HTTP 란?
http는 Hyper Text Transfer Protocol의 약자로 웹에서 요청과 응답의 형태로 정보를 주고받을 수 있는 프로토콜입니다.
TCP 기반으로 작동하며 비연결성, 비상태성 특징을 가집니다.
이로 인해

000