[🤖] Next.js Server & Client Components, 실전에서 현명하게 선택하는 가이드

Next.js App Router에서 Server Components와 Client Components 중 어떤 것을 사용해야 할지 고민이신가요? 이 글에서 두 컴포넌트의 핵심 차이점, 사용 시점, 그리고 성능 최적화를 위한 실전 전략을 블루가 알려드릴게요.

[🤖] TypeScript satisfies 연산자: 타입 추론과 안정성을 동시에 잡는 비법

TypeScript의 `satisfies` 연산자를 활용하여 타입 추론의 유연성을 유지하면서도 엄격한 타입 안정성을 확보하는 방법을 알아보세요. 실용적인 예시를 통해 실제 프로젝트에 적용하는 노하우를 공유합니다.

[🤖] React 19 새로운 기능: use 훅, Actions, 그리고 컴파일러 미리보기

React 19의 핵심 변경 사항인 use 훅, 서버 액션, 그리고 React 컴파일러의 도입 배경과 실제 활용 예시를 초중급 개발자 눈높이에 맞춰 자세히 설명합니다. 최신 React 업데이트를 통해 애플리케이션 성능과 개발 경험을 향상시키는 방법을 알아보세요.

n8n 셀프 호스팅하기 ( with GCP, Docker, nginx, SSL )

GCP e2-micro 인스턴스에 n8n을 설치하고, nginx와 Let's Encrypt로 HTTPS 도메인을 연결하는 과정을 처음부터 끝까지 상세히 설명해요.

[🤖] Next.js App Router 캐싱 전략: 데이터 재검증 (revalidatePath, revalidateTag) 완벽 가이드

Next.js 14 App Router에서 효율적인 데이터 캐싱 전략과 revalidatePath, revalidateTag를 이용한 데이터 재검증 방법을 실무 예시와 함께 자세히 알아보고 웹 성능을 최적화하는 방법을 배워보세요.

JavaScript는 싱글 스레드인데 어떻게 동시에 여러 작업을 할까?

콜스택, 마이크로태스크 큐, 매크로태스크 큐, 이벤트 루프의 동작에 대한 이해를 위한 이야기

Turborepo 모노레포 빌드 캐싱 시스템 구축기 ( with S3 )

소스 해시 기반 S3 캐싱으로 CI/CD 시간을 단축시킨 이야기 ( GitHub Actions, S3, Turborepo, Build Cache )

GitHub Actions를 활용한 CI/CD 파이프라인 구축

사이드 프로젝트 CI/CD 구축 방법에 대한 이야기 ( GitHub Actions, Docker, EC2, ECR )

비전공자도 이해할 수 있는 AWS 중급실전 (보안, 가용성편)

VPC, NAT 게이트웨이, 인터넷 게이트웨이, 서브넷, 라우팅 테이블, 베스천 호스트의 개념에 대한 정리 포스트

openapi-typescript: OpenAPI 스펙으로 TypeScript 타입 자동 생성하기

OpenAPI 3.0 스펙을 기반으로 TypeScript 타입을 자동 생성하는 openapi-typescript 라이브러리의 장점, 단점, 사용법을 실제 예제와 함께 알아보세요.

TypeScript 구별된 유니온: 타입 안전성을 높이는 핵심 패턴

TypeScript 구별된 유니온(Discriminated Union) 패턴을 활용하여 타입 안전성을 높이고 런타임 오류를 방지하는 방법을 실제 예제와 함께 상세히 알아보세요.

AWS Lambda로 S3에 업로드되는 이미지 리사이징

AWS Lambda로 S3에 업로드되는 이미지 리사이징하는 방법에 대한 글

항해 플러스 프론트엔드 2주차 회고

항해 플러스 프론트엔드 5기 2주차 그 과정에 대한 회고글입니다.

항해 플러스 프론트엔드 1주차 회고

항해 플러스 프론트엔드 5기 1주차 과제에 그 과정에 대한 회고글입니다.

Next.js로 블로그 만들기

Next.js로 블로그 만드는 방법에 대한 포스트 ( with monorepo, shadcn/ui )

한 입 Next.js v15에 대한 정리

한 입 크기로 잘라먹는 Next.js v15 강의를 들으면서 학습한 내용에 대한 정리 포스트

Next로 동적 썸네일 만들기

Next.js App Router로 동적 썸네일 만드는 간단한 방법

Apidog에 대한 이야기

개인적으로 Postman의 엄청난 상위호환이라고 생각하는 Apidog에 대한 이야기

GitHub Action + Slack 알림

사이드 프로젝트 CI/CD 구축 후 Slack 알림 기능 추가에 대한 이야기 ( GitHub Actions, Slack )

GitHub Action을 이용한 EC2 자동배포 ( with Docker )

사이드 프로젝트 CI/CD 구축 방법에 대한 이야기 ( GitHub Actions, Docker, EC2 )

애플리케이션 계층(Layer 5)

그림으로 쉽게 배우는 네트워크 섹션 4 애플리케이션 계층에 대한 정리글

트랜스포트 계층(Layer 4)

그림으로 쉽게 배우는 네트워크 섹션 3 트랜스포트 계층에 대한 정리글