본문 바로가기

분류 전체보기115

하네스 엔지니어링이란? 2026년 3월 21일 하네스 엔지니어링이란?13살도 이해하는 AI 시험장 이야기 AI를 똑똑하게 만드는 것과, 믿고 쓸 수 있게 만드는 것은 다릅니다. 하네스 엔지니어링은 바로 그 차이를 메우는 기술입니다. 한 줄 답부터 하네스 엔지니어링은 AI를 위한 시험장, 채점표, 기록장치를 만드는 일입니다. 쉽게 말해, AI가 진짜 제대로 작동하는지 계속 검사하는 기술입니다. 왜 필요한가요? 게임 캐릭터가 멋있게 생겼다고 해서 꼭 게임을 잘하는 건 아니죠. AI도 마찬가지입니다. 답을 그럴듯하게 말해도 가끔 틀리거나, 너무 어렵게 설명하거나, 규칙을 어길 수 있습니다. 그래서 개발자들은 AI 옆에 작은 시험장을 둡니다. 같은 질문을 여러 번 물어보고, 맞았는지.. 2026. 3. 22.
웹에서 화면을 이미지로 저장하기 웹에서 화면을 이미지로 저장하기 — html2canvas vs modern-screenshot토스 앱인토스 미니앱에서 결과 카드를 이미지로 저장하는 기능을 구현하면서 겪은 삽질기기술 스택React 19 + TypeScriptVite 5@apps-in-toss/web-framework 2.0.9 (saveBase64Data)html2canvas 1.x (최종 채택)modern-screenshot (시도 후 포기) 하고 싶었던 것성격 테스트 결과 카드를 이미지로 저장하는 기능이 필요했어요. 사용자가 결과 화면에서 다운로드 버튼을 누르면, 캐릭터 일러스트 + 이름 + 육각형 스탯 차트가 포함된 카드를 PNG로 저장하는 거예요.환경이 좀 특수했어요. 토스 앱 안의 WebView에서 동작해야 하고, 저장은 토스 .. 2026. 3. 20.
Google 발송 메일 SPF 실패 원인 분석 및 해결 dev.note / Email / spf-debug 2025-02-25 | Email · DNS · DevOps SPF Google Workspace DNS 가비아 카페24 메일 발송 오류 Google 발송 메일 SPF 실패원인 분석 및 해결 과정 SPF를 분명히 설정했는데 왜 메일이 차단될까 — 도메인 등록사와 실제 DNS 관리사가 다를 때 발생하는 함정, 그리고 그 해결 과정을 정리했습니다. 1. 문제 상황 Google Workspace에서 발송한 메일이 특정 수신처로 전송되지 않고 다음과 같은 오류가 반환됐다. 553 Sender is blocked by SPF (209.85.xxx.xxx) 또는 메일 원본 헤더에서 아래와 같은 SPF 실패 메.. 2026. 2. 25.
WebView 이미지 캡처 & 저장 dev.note / WebView / image-capture 2025-02-24 | WebView · Mobile html2canvas modern-screenshot iOS WebView android saveBase64Data 앱인토스 WebView 이미지 캡처 & 저장 완전 정복 html2canvas vs modern-screenshot 비교, canvas 태그 호환성, 폰트 CORS, iOS 권한 처리까지 — WebView 환경에서 이미지를 저장하는 과정에서 마주치는 모든 함정을 정리했습니다. 1. 전체 흐름 — 3단계로 이해하기 WebView에서 화면을 이미지로 저장하는 과정은 크게 3단계로 나뉩니다. 각 단계마다 별개의 기술적 문제가 존재하기 .. 2026. 2. 24.
Docker란? 언제 쓰는 걸까? 🐳 "내 컴퓨터에서는 되는데, 왜 니 컴퓨터에서는 안 돼?" 프로그래머라면 누구나 한 번쯤 해본 이 말. Docker는 이 문제를 해결하기 위해 태어났습니다.🤔 Docker를 왜 써야 하는 걸까?프로그램을 만들었다고 상상해보세요.내 컴퓨터에서는 완벽하게 돌아갑니다. 그런데 친구 컴퓨터에 옮기면? 안 됩니다.왜냐하면 내 컴퓨터에는 Python 3.11이 깔려 있고, 친구 컴퓨터에는 Python 3.8이 깔려 있거든요. 내 컴퓨터에는 특별한 라이브러리가 있고, 친구 컴퓨터에는 없거든요.🎮 게임으로 비유하면? 마인크래프트 모드팩을 만들었는데, 내 PC에서는 잘 되지만 친구가 "야 이거 왜 안 돼?"라고 하는 상황과 똑같습니다.Docker는 이 문제를 깔끔하게 해결합니다.📦 Docker = 이사 박스가장 쉬운.. 2026. 2. 20.
HTML5란? 웹에서 게임까지, 플러그인 없이 다 되는 시대 HTML5란?HTML5는 웹페이지를 만드는 표준 언어인 HTML의 5번째 버전이다. 단순한 "버전업"이 아니라, 웹에서 할 수 있는 것들이 폭발적으로 늘어난 전환점이었다.이전 HTML4 시절에는 웹에서 동영상을 보려면 Flash Player를 설치해야 했고, 게임을 하려면 Java Applet이 필요했다. 브라우저만으로는 텍스트와 이미지 배치 정도가 한계였다.HTML5가 등장하면서 이 모든 것이 브라우저 자체에서 가능해졌다. 별도 플러그인 설치 없이, 동영상 재생, 게임 실행, 실시간 통신까지 웹 브라우저 하나로 모든 것을 처리할 수 있는 시대가 열린 것이다.HTML5에서 추가된 핵심 기능들1. Canvas API — 브라우저 위의 도화지일반 HTML이 버튼, 텍스트, 이미지를 배치하는 것이라면, Can.. 2026. 2. 15.
반응형

티스토리툴바