tutorial

24 posts in this category

SQS 장애 주입으로 애플리케이션 회복탄력성 검증하기 (AWS FIS 실전 가이드)

SQS 장애 주입으로 애플리케이션 회복탄력성 검증하기 (AWS FIS 실전 가이드)

2026-10-30

AWS FIS와 SSM Automation으로 SQS 접근을 단계적으로 차단하여 프로듀서/컨슈머의 장애 대응 메커니즘을 검증하는 실전 튜토리얼. 회로 차단기, 로컬 버퍼링, DLQ 동작을 실제로 확인하는 방법을 다룹니다.

REST API를 그대로 AI 에이전트 도구로? Google Cloud API Gateway MCP 실전 가이드

REST API를 그대로 AI 에이전트 도구로? Google Cloud API Gateway MCP 실전 가이드

2026-10-23

Google Cloud API Gateway가 OpenAPI 스펙에 주석 몇 줄만 추가하면 기존 REST API를 MCP 도구로 자동 노출합니다. 별도 MCP 서버 구축 없이 인증·쿼터·로깅 정책을 그대로 재사용하는 방법을 코드와 함께 정리했어요.

DynamoDB Lease로 WebSocket 워커 함대 관리하기 장애 조치부터 무중단 배포까지

DynamoDB Lease로 WebSocket 워커 함대 관리하기 장애 조치부터 무중단 배포까지

2026-10-22

DynamoDB 조건부 쓰기를 분산 락으로 활용해 WebSocket 연결 소유권을 관리하고, 하트비트·조정 루프·그레이스풀 셧다운으로 장애 조치 시간을 분 단위에서 초 단위로 줄이는 실전 패턴을 다룹니다.

HTML <dialog>, 아직도 라이브러리로 모달 만들고 있다면 이 글 하나로 종결

HTML <dialog>, 아직도 라이브러리로 모달 만들고 있다면 이 글 하나로 종결

2026-10-21

네이티브 <dialog> 요소의 showModal, backdrop 스타일링, @starting-style 애니메이션, Popover API와의 접근성 차이까지 실무 기준으로 정리한 완벽 가이드입니다.

코딩 에이전트로 강화학습 연구 자동화하기 NeMo RL + Agent Skills 실전 가이드

코딩 에이전트로 강화학습 연구 자동화하기 NeMo RL + Agent Skills 실전 가이드

2026-10-20

Codex와 NeMo RL/Gym을 활용해 VLM 강화학습 스모크 테스트부터 논문 구현까지 자동화하는 10단계 워크플로우를 정리했어요. 정확도 25%에서 96.9%까지 끌어올린 실험 기록과 실패 모드 대응 팁을 담았습니다.

Amazon Bedrock 생성형 AI 비용, 부서별로 쪼개서 보는 완벽 가이드

Amazon Bedrock 생성형 AI 비용, 부서별로 쪼개서 보는 완벽 가이드

2026-09-27

여러 팀이 하나의 파운데이션 모델을 공유하면 청구서가 한 줄로 뭉쳐서 보여요. Amazon Bedrock application inference profile + cost allocation tag로 부서별 비용을 Cost Explorer에서 분리해서 보는 실전 튜토리얼입니다.

CSS border-image 애니메이션, 이거 하나면 테두리 디자인 끝납니다

CSS border-image 애니메이션, 이거 하나면 테두리 디자인 끝납니다

2026-09-20

border-image와 @property를 조합해 hover 시 테두리가 스스로 그려지는 애니메이션을 구현하는 실전 튜토리얼. linear-gradient / conic-gradient 두 가지 패턴과 실무 주의사항까지 정리했어요.

S3에 파일만 올리면 끝? Macie + Step Functions로 PII 탐지 자동화하는 완벽 가이드

S3에 파일만 올리면 끝? Macie + Step Functions로 PII 탐지 자동화하는 완벽 가이드

2026-09-08

규제 산업에서 필수인 PII(개인식별정보) 자동 탐지 파이프라인을 AWS 서비스로 구축하는 방법을 단계별로 설명합니다. Amazon Macie의 커스텀 식별자부터 Step Functions 오케스트레이션, SNS 알림까지 실무 적용 포인트를 담았습니다.

프로토타입 로그인, 사용자를 속이지 마세요 신뢰를 만드는 로그인 플로우 구현 가이드

프로토타입 로그인, 사용자를 속이지 마세요 신뢰를 만드는 로그인 플로우 구현 가이드

2026-09-04

핀테크 프로토타입에서 로그인은 사용자 신뢰의 첫 관문입니다. 실제 인증, 에러 상태, 생체 인식 애니메이션까지 구현하여 진정한 사용자 테스트 데이터를 얻는 방법을 ProtoPie로 배워보세요.

마크다운 들여쓰기 문제, 이 유틸리티 하나로 끝내자 (Astro, Svelte, React, Vue)

마크다운 들여쓰기 문제, 이 유틸리티 하나로 끝내자 (Astro, Svelte, React, Vue)

2026-08-30

마크다운 라이브러리 사용 시 발생하는 들여쓰기 인식 문제를 해결하는 커스텀 유틸리티를 소개하고, Astro와 Svelte에서 활용하는 방법을 실습 코드와 함께 안내합니다.

CSS만으로 할인가를 계산해서 보여주는 실전 가이드 (JavaScript 없이)

CSS만으로 할인가를 계산해서 보여주는 실전 가이드 (JavaScript 없이)

2026-08-21

최신 CSS 기능(attr(), mod(), round())을 조합해 이커머스 할인가를 계산하고 표시하는 방법을 소개합니다. 코드 예제와 함께 브라우저 지원 현황 및 실무 적용 시 주의사항을 다룹니다.

AWS Health 알림, 이제 중요도별로 받아보세요. CloudFormation 한 방이면 끝

AWS Health 알림, 이제 중요도별로 받아보세요. CloudFormation 한 방이면 끝

2026-08-15

AWS Health 이벤트가 모두 같은 채널로 쏟아져서 곤란했던 경험, 다들 있으시죠? 이 글에서는 AWS User Notifications와 CloudFormation 템플릿 하나로 알림을 중요와 정보 2단계로 분리하고, 원하는 서비스만 필터링하는 방법을 실전 예제와 함께 자세히 다룹니다.

ADK for Kotlin 등장! 안드로이드 AI 에이전트, 이제 코틀린으로 만드세요

ADK for Kotlin 등장! 안드로이드 AI 에이전트, 이제 코틀린으로 만드세요

2026-08-02

구글이 Agent Development Kit(ADK)의 Kotlin 버전을 출시했습니다. 안드로이드 온디바이스 AI 에이전트를 만들 수 있는 ADK for Android와 함께, 코틀린으로 에이전트를 정의하고 도구를 연결하는 방법을 실전 예제로 설명합니다.

Ray on TPU, GKE로 10분 만에 시작하는 실전 가이드 (Feat. 슬라이스 배치)

Ray on TPU, GKE로 10분 만에 시작하는 실전 가이드 (Feat. 슬라이스 배치)

2026-07-24

Google Cloud TPU에서 Ray 분산 프레임워크를 실행하는 방법을 단계별로 설명합니다. GKE Ray Operator 설치부터 슬라이스 배치 그룹을 활용한 멀티호스트 TPU 할당까지, 실무에서 바로 쓸 수 있는 코드 예제와 핵심 개념을 정리했습니다.

AI 코딩 에이전트, 함부로 실행하면 큰일 납니다 샌드박싱과 위험 관리 실무 가이드

AI 코딩 에이전트, 함부로 실행하면 큰일 납니다 샌드박싱과 위험 관리 실무 가이드

2026-06-19

AI 에이전트가 생성한 코드를 안전하게 실행하는 방법, 샌드박스 환경 구축 전략, 그리고 실무에서 바로 적용할 수 있는 위험 완화 기법을 코드 예제와 함께 소개합니다.

CSS offset-path 완벽 가이드 SVG 경로 따라 움직이는 애니메이션 만들기

CSS offset-path 완벽 가이드 SVG 경로 따라 움직이는 애니메이션 만들기

2026-06-14

CSS offset-path 속성을 활용해 HTML 요소를 SVG 경로를 따라 자연스럽게 움직이는 방법을 코드 예제와 함께 설명합니다. 기존 motion-path와의 차이, offset-rotate 활용법, 브라우저 호환성까지 실무에 바로 쓸 수 있는 내용을 담았습니다.

CSS로 완벽한 파이차트 만들기 시맨틱과 접근성을 한 번에 잡는 실전 가이드

CSS로 완벽한 파이차트 만들기 시맨틱과 접근성을 한 번에 잡는 실전 가이드

2026-05-20

conic-gradient()로 파이차트를 만들고, 시맨틱 HTML과 ARIA로 접근성까지 챙기는 실전 튜토리얼입니다. 키보드 사용자와 스크린 리더까지 고려한 완성형 코드를 제공합니다.

SageMaker HyperPod Inference Operator, 이제 EKS Add-on으로 1분 만에 설치하세요

SageMaker HyperPod Inference Operator, 이제 EKS Add-on으로 1분 만에 설치하세요

2026-05-19

Amazon SageMaker HyperPod의 Inference Operator를 EKS Add-on으로 간편하게 설치하는 3가지 방법(콘솔, CLI, Terraform)과 함께, 멀티 인스턴스 타입 배포, Node Affinity 활용까지 실무에서 바로 쓸 수 있는 가이드를 제공합니다.

FunctionGemma, TPU로 10분 만에 파인튜닝하기 (Tunix + Colab 실습 가이드)

2026-05-01

구글의 소형 언어 모델 FunctionGemma를 Tunix 라이브러리와 Colab TPU로 LoRA 파인튜닝하는 전체 워크플로우를 코드와 함께 설명합니다. Hugging Face GPU 방식보다 더 저렴하고 빠른 TPU 활용법을 알아보세요.

CSS로 완벽한 파이차트 만들기 시맨틱과 접근성을 고려한 실전 가이드

CSS로 완벽한 파이차트 만들기 시맨틱과 접근성을 고려한 실전 가이드

2026-03-18

JavaScript 라이브러리 없이 순수 CSS와 HTML로 시맨틱하고 접근성 있는 파이차트를 구현하는 방법을 단계별로 설명합니다.

판다스 loc과 iloc, 헷갈리지 않는 완벽 가이드

판다스 loc과 iloc, 헷갈리지 않는 완벽 가이드

2026-03-13

데이터프레임에서 데이터를 추출할 때마다 loc과 iloc 중 무엇을 써야 할지 고민이라면, 이 글 하나로 개념 정리와 실무 활용법을 끝내보세요.

CodePen slideVars로 CSS 변수 실시간 조절하는 인터랙티브 데모 만들기

CodePen slideVars로 CSS 변수 실시간 조절하는 인터랙티브 데모 만들기

2026-03-07

CodePen의 내장 도구 slideVars를 활용해 CSS 변수를 UI 패널에서 실시간으로 조절하는 인터랙티브 데모를 만드는 방법을 소개합니다.

PyTorch 분산 학습 완벽 가이드 Point-to-Point과 Collective Operations 실전 코드

2026-02-28

멀티 GPU 환경에서 PyTorch의 torch.distributed 모듈을 활용한 효율적인 통신 패턴(점대점, 집합 통신)을 코드와 함께 상세히 설명합니다.

CSS 상대 색상(Relative Color)으로 애니메이션 테마링 끝내기 OKLCH 실전 가이드

CSS 상대 색상(Relative Color)으로 애니메이션 테마링 끝내기 OKLCH 실전 가이드

2026-02-11

단 하나의 기본색으로 전체 색상 시스템을 구축하고, SVG 애니메이션 테마를 자유롭게 변경하는 실무 노하우를 공유합니다.