coding

코딩

개발 메모 및 코드 스니펫

검색

2026-01-27T09:52:04.031Z

Proxy Server의 개념과 역할

Proxy Server 의 개념과 역할에 대해서 알아보았습니다. 프록시는 클라이언트와 서버 사이에 위치해 요청을 중개함으로써 보안, 속도, 익명성을 제공하는 장치입니다.

글 읽기

프록시 프로그램 종류

프록시(Proxy) 프로그램 종류를 알아보았습니다. 프록시 개념 이해를 도와줍니다.

공인IP 확인하는 방법

공인 아이피 (public ip)가 무엇이고 이를 확인하는 방법을 소개드립니다.

Vite에서 Bundle과 Rollup?

vite에서 bundle 로 사용되는 rollup 에 대해서 정리하고자 합니다. 번들은 여러 개의 파일(자바스크립트, CSS, 이미지 파일 등)을 하나 또는 몇 개의 파일로 묶는 것입니다. Rollup은 자바스크립트 번들러 중에 하나입니다.

Vites는 무엇인가?

vite는 Node.js 런타임 환경 위에서 동작하며 주로 개발용 서버와 프로덕션 번들링을 제공합니다. 개발 과정에서는 빠르게 코드를 브라우저에 제공하고 배포할 때는 최적화된 번들을 제공하는 것을 특징으로 합니다.

Vite에서 dist 디렉토리?

Vite 에서 등장하는 dist 디렉토리에 대해서 정리했습니다. dist는 distribution(배포) 약자로서 프로젝트를 빌드하고 최적화해서 실재 배포용으로 사용하는 파일들이 저장되는 디렉토리입니다.

타입스크립트 : 접근 제어자

타입스크립트(TS)에서 사용하는 접근 제어자(Access Modifier)에 대해서 정리를 하려고 합니다. public(어디서나 접근 가능), protected(해당 클래스 및 상속받는 자식 클래스 내에서만 접근가능), private(해당 클래스 내부에서만 접근 가능)

Zod 검증

Zod는 입력 데이터(폼 데이터, API 응답, JSON, 객체 등)를 타입과 형태에 맞게 검증하는 라이브러리 입니다. 내가 원하는 데이터 구조를 정의해두고, 실제 데이터가 그 구조에 맞는지 검사하는 용도로 사용됩니다. 특히 TypeScript 환경에서 타입과 런타임 검증을 동시에 할 수 있다는 점이 가장 큰 장점입니다.

PostgreSQL : 사용 방법(기초)

데이터베이스인 PostgreSQL에 대한 사용 방법을 데이터 베이스 초보자를 대상으로 설명하고자 했습니다. 물론 인공지능 Cladue 과 합작품입니다.

JSX ,TSX 정의

JSX ,TSX 정의를 대해서 알아보았습니다. JSX는 자바스크립트 안에 HTML 태그를 XML 를 사용하는 문법, TSX는 타입스크립트를 사용하는 프로젝트에서 JSX 문법을 사용할 때 쓰는 문법입니다.

Operator "|" in TS, JS

TS, JS에서 연산자 “|” 에 대해서 알아보았습니다. 자바스크립트에서는 “|” (한개)이면 비트 연산자, “||” (두개)이면 “또는(or)”로 사용됩니다. 타입스크립트에서는 “|” 이면 두개 타입 중에 하나의 타입 즉 “또는(or)” 로 사용됩니다.

Github 에서 Budgets and alerts 으로 제공되는 “Product” 또는 “SKU”는 모두 GitHub 플랫폼 내에서 제공되는 유료 또는 사용량 기반(metered) 서비스입니다. 이들은 개발 워크플로우를 향상시키고, 코드 관리 및 배포를 돕는 다양한 기능을 제공합니다. 1) Product : Packages, 2) SKU : Copilot Premium Request, 3) Product : Actions, 4) Product: Git LFS, 5) Product : Codespaces 이 있습니다.