tutorial

17 posts in this category

Amazon Macie + Step Functions로 커스텀 PII 탐지 자동화하기 3버킷 파이프라인 완전 정복

2026-08-17

AWS에서 PII 데이터를 실시간으로 탐지하고 규제 준수 보고서를 자동 생성하는 이벤트 기반 파이프라인을 구축하는 방법을 단계별로 배운다. Amazon Macie의 커스텀 식별자와 Step Functions 오케스트레이션을 활용해 표준 PII뿐만 아니라 조직 고유의 민감 정보까지 탐지한다.

CSS translateX() 완벽 가이드 가로 이동의 모든 것과 실무 꿀팁

CSS translateX() 완벽 가이드 가로 이동의 모든 것과 실무 꿀팁

2026-08-11

CSS transform 함수인 translateX()의 기본 문법부터 무한 마퀴, 스켈레톤 로더, hover 깜빡임 문제 해결까지 실무 예제와 함께 정리했습니다.

GitHub Actions, Hugging Face Jobs로 GPU CI까지 5분 만에 연결하는 완벽 가이드

GitHub Actions, Hugging Face Jobs로 GPU CI까지 5분 만에 연결하는 완벽 가이드

2026-07-15

GitHub Actions의 한계(느린 속도, GPU 미지원)를 Hugging Face Jobs로 해결하는 방법을 단계별로 설명합니다. CPU 작업 30% 단축, GPU 테스트 45초 컷!

CSS rotateX(), 이거 하나면 3D 변환 끝. 실무 예제 3개로 완벽 이해

CSS rotateX(), 이거 하나면 3D 변환 끝. 실무 예제 3개로 완벽 이해

2026-07-04

CSS의 rotateX() 함수를 이용해 요소를 3D 공간에서 회전시키는 방법을 배웁니다. 플립 카드, 3D 로딩 스피너, 아코디언 메뉴 등 실제 프로젝트에 바로 쓸 수 있는 예제를 통해 원리와 주의사항까지 꼼꼼히 정리했습니다.

SageMaker HyperPod Inference Operator, 1클릭 설치부터 Terraform까지 완벽 정리

SageMaker HyperPod Inference Operator, 1클릭 설치부터 Terraform까지 완벽 정리

2026-06-30

SageMaker HyperPod의 Inference Operator를 EKS add-on으로 설치하는 세 가지 방법(SageMaker UI, EKS CLI, Terraform)을 실무 예제와 함께 단계별로 설명합니다. 종속성 관리, 마이그레이션 스크립트, 멀티 인스턴스 타입 배포 등 핵심 기능도 함께 다룹니다.

자바스크립트 구조 분해 할당(Destructuring), 더 이상 헷갈리지 마세요

자바스크립트 구조 분해 할당(Destructuring), 더 이상 헷갈리지 마세요

2026-06-15

ES6에서 도입된 구조 분해 할당(Destructuring Assignment)의 개념부터 실무에서 자주 마주치는 중첩 객체/배열 분해, rest property 활용법까지 코드 예제로 완벽 정리합니다.

PDF 의료 기록을 FHIR 데이터로 자동 변환하는 서버리스 파이프라인 구축 가이드 (Bedrock + HealthLake)

PDF 의료 기록을 FHIR 데이터로 자동 변환하는 서버리스 파이프라인 구축 가이드 (Bedrock + HealthLake)

2026-06-11

Amazon Bedrock Data Automation과 AWS HealthLake를 활용해 스캔된 PDF 의료 기록을 FHIR R4 표준 데이터로 자동 변환하는 서버리스 파이프라인을 20분 만에 구축하는 방법을 단계별로 설명합니다. 코드와 함께 바로 실무에 적용할 수 있는 구조를 제공합니다.

CSS Grid로 지그재그(폭포수) 레이아웃 만들기 translateY(%)의 숨은 마법

CSS Grid로 지그재그(폭포수) 레이아웃 만들기 translateY(%)의 숨은 마법

2026-06-03

CSS Grid와 transform translateY(50%)를 활용해 아이템이 대각선으로 흐르는 지그재그 레이아웃을 구현하는 방법을 단계별로 설명합니다. 특히 transform 퍼센트가 자기 자신을 기준으로 동작하는 특성과 overflow 문제 해결법까지 실무 팁을 담았습니다.

AI 에이전트를 위한 Postgres 데이터베이스 Ghost로 100배 빠른 프로토타이핑 하기

AI 에이전트를 위한 Postgres 데이터베이스 Ghost로 100배 빠른 프로토타이핑 하기

2026-05-31

Ghost는 AI 에이전트(Codex, Claude Code 등)와 함께 사용하도록 설계된 Postgres 데이터베이스 플랫폼입니다. 이 글에서는 설치부터 실제 4가지 예제(데이터 생성, 인덱스 튜닝, 대시보드 구축)까지 단계별로 다룹니다.

EKS 테스트 환경, 89% 빠르게 프로비저닝하기 Deloitte의 vCluster 실전 활용기

EKS 테스트 환경, 89% 빠르게 프로비저닝하기 Deloitte의 vCluster 실전 활용기

2026-05-24

Deloitte가 Amazon EKS와 vCluster를 활용해 QA 테스트 환경 프로비저닝 시간을 89% 단축하고, 연간 500시간을 절약한 방법을 상세히 소개합니다. 실제 아키텍처와 핵심 설정 코드를 담았습니다.

CSS로 select를 완전히 커스터마이징하는 3가지 실전 예제 (폴더, 카드, 이모지)

CSS로 select를 완전히 커스터마이징하는 3가지 실전 예제 (폴더, 카드, 이모지)

2026-05-09

HTML select 요소를 CSS만으로 폴더 스택, 카드 덱, 원형 이모지 피커로 변신시키는 방법을 단계별로 설명합니다. 기존에는 불가능했던 option 내부 HTML 삽입, 애니메이션, 삼각함수 기반 배치를 실제 코드와 함께 배워보세요.

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