profile
작은 성취들이 모여 큰 결과를 만든다고 믿으며, 꾸준함을 바탕으로 개발 역량을 키워가고 있습니다
post-thumbnail

React와 Vue

React&VueReact: UI 레이어에 집중합니다. 라우팅, 전역 상태, 데이터 패칭 등은 별도 라이브러리를 조합해 구성합니다. 작고 유연한 코어를 바탕으로 필요한 만큼 채택하는 방식입니다.Vue: 자주 쓰는 기능(라우터, 상태 관리 등)을 공식 패키지로 제공합니다

2025년 9월 20일
·
0개의 댓글
·
post-thumbnail

Web Assembly 개요

wasmWebAssembly(WASM)는 웹 브라우저에서 실행할 수 있는 이진 포맷의 저수준 코드입니다.

2025년 8월 8일
·
0개의 댓글
·
post-thumbnail

자바스크립트 모듈 시스템

최초의 JavaScript는 매우 단순한 모듈 시스템만을 제공했습니다.

2025년 7월 26일
·
0개의 댓글
·
post-thumbnail

다양한 로그인 인증방식

쿠키 vs 세션 vs JWT vs OAUth 장단점 비교

2025년 7월 8일
·
0개의 댓글
·
post-thumbnail

SSR, CSR 그리고 SSG 렌더링

프론트엔드의 렌더링 전략

2025년 6월 28일
·
0개의 댓글
·
post-thumbnail

V8 엔진의 내부 동작

프론트엔드 개발자라면 구체적인 내용은 모르더라도 큰 틀에서 어떤식으로 자바스크립트 엔진이 동작하는지 알고 있어야 합니다.

2025년 6월 11일
·
0개의 댓글
·
post-thumbnail

Micro Frontend 알아보기

마이크로 프론트엔드 아키텍처는 대규모 프론트엔드 애플리케이션을 여러 개의 작은 단위로 분리하여 개발하고 통합하는 방법입니다.

2025년 6월 2일
·
0개의 댓글
·
post-thumbnail

Zustand 파헤치기

Zustand는 전역 상태 스토어를 생성하고 사용하는 간단한 구조를 가집니다. create 함수를 호출하여 하나의 스토어를 정의하면, 이 저장소 자체가 React 훅(hook)으로 반환됩니다.

2025년 5월 24일
·
0개의 댓글
·
post-thumbnail

실행 컨텍스트란?

실행 컨텍스트(Execution Context)란 자바스크립트 코드가 실행되는 환경 정보들의 모음입니다.

2025년 5월 17일
·
0개의 댓글
·
post-thumbnail

Kubernetes Probe & ArgoCD

Pod 생명주기쿠버네티스에서 가장 기본적인 관리 단위가 Pod입니다.

2025년 5월 16일
·
0개의 댓글
·
post-thumbnail

Backend For Frontend (a.k.a. BFF)

Backend For Frontend(BFF)는 말 그대로 프론트엔드를 위한 백엔드를 의미합니다. 하나의 공용 API 서버 대신 각각의 클라이언트 환경에 특화된 별도의 백엔드 서비스(API)를 두는 아키텍처 패턴입니다.

2025년 5월 4일
·
0개의 댓글
·
post-thumbnail

Kubernetes Availablity & Network

k8s auto scaling & Network

2025년 5월 4일
·
0개의 댓글
·
post-thumbnail

쿠버네티스 소개 및 기본 명령어

쿠버네티스(Kubernetes, 줄여서 K8s)는 컨테이너화된 애플리케이션을 배포, 관리, 확장하는 데 필요한 대부분의 수동 프로세스를 자동화하는 오픈소스 컨테이너 오케스트레이션 플랫폼입니다.

2025년 4월 23일
·
0개의 댓글
·
post-thumbnail

Docker 개념 및 주요 명령어

Docker는 컨테이너 기반의 가상화 플랫폼으로, 애플리케이션을 격리된 환경에서 실행할 수 있게 해줍니다. 이를 통해 애플리케이션을 다양한 환경에서 일관되게 실행하고 배포할 수 있습니다.

2025년 4월 18일
·
0개의 댓글
·
post-thumbnail

WebRTC 톺아보기

webRTC 통신WebRTC(Web Real-Time Communication)는 웹 애플리케이션이 플러그인 없이도 브라우저들 간에 실시간으로 오디오, 비디오 등의 미디어를 캡처하고 스트리밍하며, 그외 임의의 데이터까지 교환할 수 있도록 해주는 기술입니다.

2025년 4월 6일
·
0개의 댓글
·
post-thumbnail

자바스크립트 런타임

자바스크립트는 기본적으로 싱글 스레드 기반 언어로, 한번에 하나의 일만 처리할 수 있습니다.

2025년 3월 24일
·
0개의 댓글
·
post-thumbnail

Rust 개발환경 설정 및 프로젝트 구조

Rust는 시스템 프로그래밍 언어로, 메모리 안전성과 성능을 중시하며, 주로 낮은 수준의 프로그래밍에 적합합니다. Rust는 런타임이나 가비지 컬렉터 없이 메모리 안전성을 제공하는 대표적인 언어입니다. Mozilla에서 개발하였고, 2010년에 처음 공개되었

2025년 3월 7일
·
0개의 댓글
·
post-thumbnail

웹 접근성 톺아보기

웹 접근성이란, 모든 사용자가 웹 콘텐츠에 접근하고 이용할 수 있도록 보장하는 것을 의미합니다장애인뿐만 아니라 노인, 기술에 익숙하지 않은 사용자 등 다양한 사용자들이 웹을 이용하는 데 불편함을 느끼지 않도록 하는 것을 포함합니다.사용자는 장애 유무와 관계없이

2025년 2월 16일
·
0개의 댓글
·
post-thumbnail

사용자 중심 성능 측정항목: Web Metrics

과거 웹사이트의 성능 측정은 load 이벤트로 측정되었습니다. load 이벤트가 웹 페이지의 생애주기를 잘 반영하였지만, 사용자를 고려하지는 않았습니다. 예를 들어, load event는 종료가 되었음에도 종료된 후 몇 초간 컨텐츠를 불러오거나, 페이지에 무언가를 보여

2025년 2월 3일
·
0개의 댓글
·
post-thumbnail

브라우저 렌더링 과정 톺아보기

대부분의 브라우저는 싱글 쓰레드입니다.

2025년 1월 20일
·
0개의 댓글
·