tutorial

17 posts in this category

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 애니메이션 테마를 자유롭게 변경하는 실무 노하우를 공유합니다.