제품과 데이터 화면, AI 시스템의 판단 구조를 읽는 실무 노트.
대표 글 · AI & Agent Systems
AI Agent란 무엇인가: 챗봇과 무엇이 다른가
실행 결과가 다음 판단을 바꾸는가. 챗봇과 Agent를 구분하는 피드백 구조를 봅니다.
글의 핵심을 그린 설명 도식
도식의 내용과 조건 읽기
실행: 공식 자료 검색 → 관측: 가격 변경 발견 → 다음 판단: 기능 제한 추가 확인. 다음 실행 후 새 관측과 목표·중단 조건을 함께 확인합니다.
LATEST
최신 글
RSS 리더에 주소를 추가해 새 글을 받아보세요.
-
CTA는 하나여야 할까: 구매 경로가 다른 고객을 한 버튼에 넣을 때
버튼 수를 줄이는 것과 구매 결정을 단순하게 만드는 것은 다르다. 책임·계약·도입 방식이 다른 고객을 한 경로에 넣었을 때 생기는 문제와, 정당한 분기만 남기는 기준을 살펴본다.
-
Attention은 무엇을 계산하는가: Q·K·V와 마스크를 숫자로 이해하기
Attention의 Q·K·V가 무엇을 하는지 세 위치의 숫자로 계산합니다. 마스크 전후 출력과 Python 실행 결과를 비교하고, 가중치를 사실의 확률로 읽으면 안 되는 이유를 살펴봅니다.
-
역전파와 연쇄법칙: 신경망은 앞쪽 가중치의 기울기를 어떻게 구할까
두 층 신경망의 순전파와 역전파를 계산하고, 수치 미분으로 네 기울기를 검산합니다. 학습률에 따라 손실이 줄거나 커지는 결과도 Python으로 확인합니다.
-
토큰과 임베딩: 문장은 어떻게 언어 모델의 입력이 되는가
토큰 ID, 입력 임베딩, 문맥을 반영한 은닉 상태, 검색용 임베딩을 구분합니다. Python 표 조회 예제로 문장이 숫자 배열이 되는 과정을 직접 확인합니다.
-
고객이 요청한 기능을 그대로 만들면 왜 빗나갈 수 있을까
고객 요청에서 문제, 선호하는 해결책, 도입 약속, 실제 사용을 구분해야 한다. 가상의 내보내기 요청으로 기능 명세와 첫 화면의 우선순위를 다시 정하는 과정을 살펴본다.
-
Top 5 차트의 비율이 부풀려지는 이유: 전체와 표시 항목의 분모
상위 5개만 표시했는데 비율의 합이 100%라면 분모가 바뀌었는지 확인해야 한다. 가상 주문 데이터로 전체 비중과 상위 항목 내 비중을 구분하고, 기타·필터·동률의 처리 기준을 정리한다.
-
HTML, CSS, and JavaScript Explained for Vibe Coders — Lesson 1
Understand HTML, CSS, and JavaScript with a tiny notes app. Follow the complete starter code, compare screen changes with source-file edits, troubleshoot the result, and check what is—and is not—saved.
-
HTML·CSS·JavaScript 차이: 메모 앱으로 배우는 바이브 코딩 기초
AI가 만든 웹페이지에서 무엇을 고쳐야 할지 막혔다면, HTML 파일 하나로 메모 앱을 만들어보세요. 제목·크기·버튼 동작을 바꾸며 세 언어의 역할과 저장의 차이를 확인해요.
도식은 설명용이며 가상·합성 사례를 포함합니다. 재현 조건과 한계는 각 글에서 확인할 수 있습니다.
START HERE
처음 읽는다면 이 세 편부터
대시보드는 카드의 집합이 아니다
KPI를 나열하는 대신 상태 → 변화 → 원인 → 상세 → 행동의 의사결정 흐름으로 설계하는 기준.
AI Agent란 무엇인가: 챗봇과 무엇이 다른가
Goal, Tools, Context, State, Loop, Control을 기준으로 Agent의 최소 구조를 분해합니다.
무료 React 대시보드 템플릿 KPI Kit: 데모·소스·사용 방법
매출·고객·운영 화면 3종을 담은 무료 React·TypeScript 키트. 공개 데모, 소스와 실행 방법을 확인합니다.
TOPICS
어떤 문제를 풀고 있나요?
AI & Agent Systems
Agent · Workflow · Context · Evaluation
제품·UX 설계
제품 전략 · 정보 구조 · 의사결정 흐름
데이터 해석·실무
지표 정의 · 집계 · 데이터 품질
데이터 시각화
차트 선택 · 비교 · 불확실성
전후 비교·개선
문제 진단 · 병목 · 개선의 근거
바이브 코딩 기초
AI로 만든 웹앱 이해 · 수정 · 확인
과학·코드 실험
수치 모형 · 코드 실험 · 가정과 검증
영문으로 읽기 · Vibe Coding Foundations
RUDA PRINCIPLES
글을 만드는 기준
Definition보다 Mechanism.
Decoration보다 Decision.
Claim보다 Evidence.
Best Practice보다 Trade-off.
한 편을 읽고 나면 실제 설계 판단 하나를 더 잘할 수 있어야 합니다. 확인하지 않은 성과는 쓰지 않고, 가상 사례와 실제 사례를 구분하며, 장점뿐 아니라 Failure Mode와 언제 쓰지 말아야 하는지도 함께 봅니다.