자바스크립트 구조 분해 할당(Destructuring), 더 이상 헷갈리지 마세요
2026-06-15
ES6에서 도입된 구조 분해 할당(Destructuring Assignment)의 개념부터 실무에서 자주 마주치는 중첩 객체/배열 분해, rest property 활용법까지 코드 예제로 완벽 정리합니다.
글 읽기 →tutorial
12 posts in this category
PDF 의료 기록을 FHIR 데이터로 자동 변환하는 서버리스 파이프라인 구축 가이드 (Bedrock + HealthLake)
2026-06-11
Amazon Bedrock Data Automation과 AWS HealthLake를 활용해 스캔된 PDF 의료 기록을 FHIR R4 표준 데이터로 자동 변환하는 서버리스 파이프라인을 20분 만에 구축하는 방법을 단계별로 설명합니다. 코드와 함께 바로 실무에 적용할 수 있는 구조를 제공합니다.
글 읽기 →
CSS Grid로 지그재그(폭포수) 레이아웃 만들기 translateY(%)의 숨은 마법
2026-06-03
CSS Grid와 transform translateY(50%)를 활용해 아이템이 대각선으로 흐르는 지그재그 레이아웃을 구현하는 방법을 단계별로 설명합니다. 특히 transform 퍼센트가 자기 자신을 기준으로 동작하는 특성과 overflow 문제 해결법까지 실무 팁을 담았습니다.
글 읽기 →
AI 에이전트를 위한 Postgres 데이터베이스 Ghost로 100배 빠른 프로토타이핑 하기
2026-05-31
Ghost는 AI 에이전트(Codex, Claude Code 등)와 함께 사용하도록 설계된 Postgres 데이터베이스 플랫폼입니다. 이 글에서는 설치부터 실제 4가지 예제(데이터 생성, 인덱스 튜닝, 대시보드 구축)까지 단계별로 다룹니다.
글 읽기 →
EKS 테스트 환경, 89% 빠르게 프로비저닝하기 Deloitte의 vCluster 실전 활용기
2026-05-24
Deloitte가 Amazon EKS와 vCluster를 활용해 QA 테스트 환경 프로비저닝 시간을 89% 단축하고, 연간 500시간을 절약한 방법을 상세히 소개합니다. 실제 아키텍처와 핵심 설정 코드를 담았습니다.
글 읽기 →
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로 완벽한 파이차트 만들기 시맨틱과 접근성을 고려한 실전 가이드
2026-03-18
JavaScript 라이브러리 없이 순수 CSS와 HTML로 시맨틱하고 접근성 있는 파이차트를 구현하는 방법을 단계별로 설명합니다.
글 읽기 →
판다스 loc과 iloc, 헷갈리지 않는 완벽 가이드
2026-03-13
데이터프레임에서 데이터를 추출할 때마다 loc과 iloc 중 무엇을 써야 할지 고민이라면, 이 글 하나로 개념 정리와 실무 활용법을 끝내보세요.
글 읽기 →
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 실전 가이드
2026-02-11
단 하나의 기본색으로 전체 색상 시스템을 구축하고, SVG 애니메이션 테마를 자유롭게 변경하는 실무 노하우를 공유합니다.
글 읽기 →