선풍기와 히터, 제습기와 보일러처럼 늘 쓰면서도 원리는 모르고 지나치는 것들을 그림과 함께 풀어 씁니다. 첫 게임을 만들어 출시하기까지의 단계별 가이드와, 직접 만든 앱·게임의 개발 기록도 같은 자리에 정리했습니다.
집에서 쓰는 물건이 어떤 원리로 도는지, 왜 그런 차이가 생기는지 그림과 함께 풀어 씁니다. 원투낚시를 처음 하는 분을 위한 입문 코스와, 차박하며 낚시한 자리도 여기에 적습니다.
냉장고 화면의 숫자는 설정값일 뿐이고, 칸마다 실제 온도는 다릅니다. 문을 열면 찬 공기가 빠지지만 냉장고 안 공기는 0.5kg 남짓이라 다시 식히는 열이 생각보다 작습니다. 그보다 무거운 것은 함께 들어온 습기가 성에가 되는 일과, 뜨거운 음식을 그대로 넣는 일입니다. 다만 음식은 식히겠다고 밖에 오래 두면 안 되므로, 나눠 담아 빨리 식히는 쪽이 답입니다.
무선청소기 흡입력은 Pa·AW·W 세 가지로 흩어져 적힙니다. Pa 는 흡입구를 막았을 때의 압력 차이, AW 는 압력과 바람의 양을 곱한 값의 최대치, W 는 모터로 들어가는 전기입니다. 셋은 같은 것을 다른 단위로 적은 게 아니라서 서로 바꿔 계산할 수 없고, 빨아들이는 힘에 가장 가까운 것은 AW 입니다. 같은 단위라도 측정 모드와 위치가 다르면 비교가 안 되므로, 확인할 조건과 집에서 직접 비교하는 방법을 같이 적었습니다.
에어프라이어는 기름으로 튀기는 기계가 아니라 위쪽 히터와 강한 선풍기를 좁은 통에 넣은 오븐입니다. 같은 온도라도 빠른 바람이 음식 표면의 축축한 공기층을 걷어 내서 겉이 빨리 마르고, 마른 뒤에야 100도를 넘어 갈색으로 익습니다. 그래서 냉동 튀김·닭날개처럼 겉이 중요한 작은 음식에는 잘 맞고, 부풀어야 하는 빵·큰 덩어리 고기·많은 양에는 오븐이 낫습니다. 전기를 덜 쓰는지는 양과 시간에 따라 달라지므로 직접 재 보는 방법을 같이 적었습니다.
곧게 당긴 줄은 단면 전체가 힘을 고르게 나눠 받습니다. 매듭을 지으면 줄이 좁게 꺾이고, 감긴 줄에 눌리고, 힘이 마찰을 타고 조금씩 넘어가면서 그 고른 분담이 깨집니다. 그래서 끊어지는 곳은 대개 본줄이 매듭 안으로 처음 꺾여 들어가는 자리이고, 매듭마다 남는 강도가 다른 것도 이 첫 굽이를 얼마나 완만하게 만드느냐의 차이입니다. 매듭별 강도 숫자는 제가 재 보지 않아 적지 않았고, 대신 집에서 저울로 재는 방법을 적었습니다.
IP 뒤의 두 자리는 국제 규격(IEC 60529)이 정한 시험을 통과했다는 표시입니다. 첫 자리는 먼지와 손가락, 둘째 자리는 물을 뜻하고, X 는 시험하지 않았다는 뜻입니다. 둘째 자리 7·8 은 물에 담그는 시험이라 6 까지의 물줄기 시험을 자동으로 포함하지 않습니다. 시험은 맑은 물과 새 제품으로 하므로 바닷물·수영장·뜨거운 샤워·오래 쓴 제품은 표기 밖입니다. 그래서 IP68 은 "물에 빠뜨려도 버틸 가능성이 높다"는 뜻이지 물놀이용이라는 뜻은 아닙니다.
몸은 열을 공기로 직접 넘기고, 벽과 창으로 내보내고, 피부의 물기를 증발시켜 버립니다. 습도가 건드리는 것은 이 가운데 증발 하나뿐이라, 땀을 흘리지 않는 22도 안팎에서는 습도를 바꿔도 체감 차이가 작습니다. 더울수록, 땀이 날수록 습도의 몫이 커집니다. 겨울의 같은 22도가 춥게 느껴지는 데는 습도보다 차가운 창과 벽이 더 크게 작용합니다. 겨울에 습도를 올릴 때는 창에 물이 맺히는 선도 같이 봐야 합니다.
최근에 공개했거나 크게 고친 순서입니다. 브라우저에서 도는 것은 상세 페이지에서 설치 없이 바로 해 볼 수 있습니다.
한국식 단층 주택 평면도(방 셋 · 욕실 둘)를 실제 치수대로 세운 3D 집을 브라우저에서 1인칭으로 걸어 다니는 페이지입니다. 따뜻한 흰 벽, 연한 오크 바닥, 칼라카타 대리석, 짙은 호두나무로 꾸몄고, 늦은 오후 해가 남쪽 유리문으로 들어와 소파와 바닥에 창살 그림자를 길게 드리웁니다. 문 · 창문 · 옷장 · 주방 수납장 · 냉장고를 눌러 열고 닫을 수 있고, 가구와 가전을 끌어 다른 자리로 옮길 수 있습니다. 영상 한 편과 평면도 한 장을 주고, 구역마다 AI 제작자와 비평가를 붙여 되풀이해 다듬은 결과물입니다. '평면도로 집 만들기'에서는 내 평면도 그림을 올리면 벽 · 문 · 창 · 방을 자동으로 읽어 같은 방식의 3D 집을 짓고, 방 종류에 맞춰 가구를 놓아 줍니다. 구글로 로그인해 저장하면 공유 주소가 생깁니다.
폭풍 구름 위에 통째로 떠 있는 1939년 아르데코 도시를 둘러보는 브라우저 3D 디오라마입니다. 가운데 계단식 고층 타워 앞 광장에는 트렌치코트에 안경을 쓴 미니피규어 영웅이 서 있고, 걷기 모드로 내려가 광장을 직접 걸을 수 있습니다. 비를 내리면 젖은 바닥에 가로등과 창이 비치고, 번개가 구름 속에서 번쩍이며 섬을 밝힙니다. 한 번에 준 긴 프롬프트 하나로 만들었고, 그 원문을 아래에 그대로 실었습니다.
세 명씩 팀을 짜서 번갈아 싸우는 브라우저 3D 격투 게임입니다. 직접 만든 3D 캐릭터 일곱 명이 저마다 필살기 둘과 초필살기 하나를 갖고, 약 · 중 · 강을 이어 누르는 연속기와 잡기, 막기, 교대, 지원으로 승부합니다. 아케이드 다섯 단계, AI 연습, 샌드백 트레이닝, 조작을 익히는 미션 일곱, 한 기기 두 사람 대전을 설치 없이 할 수 있습니다. 이 웹 판에는 대전 서버가 없어서 로비와 필드, 대전 매칭은 브라우저 안에서 흉내 냅니다.
Godot 프로젝트와 Android 빌드 실습, 브라우저에서 시작하는 앱·게임 예제를 제공합니다. 전체 코드와 실제 실행 화면, 오류를 고친 과정을 함께 확인하세요.
프로젝트 ZIP과 전체 코드로 시작·점수·종료·재시작을 구현합니다. 실제 Godot 실행 화면, 자동 검사, Android 빌드에서 만난 ETC2 오류와 수정 과정까지 공개합니다.
HTML 파일 하나로 끝나는 카드 짝 맞추기입니다. 전체 프롬프트와 완성 코드, 실제 실행 화면, 그리고 이 종류의 게임에서 꼭 한 번은 깨지는 세 자리(섞기가 치우치는 것, 세 장이 열리는 것, 덮인 카드가 정답을 흘리는 것)를 직접 확인한 기록을 함께 싣습니다.
GPT-5.5에 실제로 앱 제작을 요청하고 첫 HTML을 수정 없이 검사했습니다. 기본 기능은 통과했지만 중복 입력과 저장 차단에서 차이가 드러났습니다. 원문 프롬프트·첫 코드·수정 코드·실행 화면을 공개합니다.
HTML 파일 하나로 실행하는 작은 게임입니다. 전체 제작 프롬프트, 내려받는 완성 코드, 실제 실행 화면과 30초 종료·재시작 검증을 함께 제공합니다.
입력·완료·삭제·저장을 연습하는 작은 할 일 앱입니다. 전체 프롬프트와 HTML 완성본, 실제 PC·모바일 크기 실행 화면, 오류 확인 방법을 제공합니다.
설치부터 휴대폰 실행, 출시 준비까지 필요한 단계부터 읽어 보세요.
아이디어를 첫 버전의 범위로 좁히고, 화면·저장·테스트·운영 단계마다 남길 결과물을 정합니다.
에디터와 내보내기 템플릿의 차이부터 시작합니다.
JDK와 SDK의 역할, 기기 연결, Gradle 빌드와 릴리스 서명을 정리합니다.
스토어 설명과 이미지, 콘텐츠 등급, 앱 접근 정보, 테스트 트랙을 준비합니다.
모든 앱에 필요한 개인정보처리방침과 계정 기능이 있을 때 필요한 삭제 경로를 구분합니다.
같은 문제가 다시 발생하는 조건을 고정하고, 한 가지씩 바꾸어 비교하는 방법입니다.
처음이라면 기획부터 시작하세요. 실습 항목을 체크하면 다음 방문에 이어갈 단계를 보여 드립니다.
0 / 18개 실습 확인
첫 실습: 앱 개발 A부터 Z까지진행 기록을 저장하려면 JavaScript가 필요합니다. 아래 작업표는 내려받아 직접 작성할 수 있습니다.
입력, 소리, 화면 배치 등 개발 중 겪은 문제와 수정 과정을 읽어 보세요.
연재의 마지막입니다. 글자가 움직이는 키네틱 타이포, 숫자가 올라가는 카운트업, 끝과 처음을 이어 붙이는 루프. 셋 다 한 가지를 공유합니다. 움직이는 동안은 읽을 수 없다는 것입니다. 그래서 이 셋은 "언제 멈추는가"를 정하는 기법에 가깝습니다. 스물한 개 용어를 한 표로 정리하며 닫습니다.
셋 다 없어도 화면은 돕니다. 있으면 "누가 손을 봤다"는 느낌이 납니다. 글자가 나타나는 게 아니라 덮개가 걷히는 마스크 리빌, 빠른 것에 방향으로만 붙는 모션 블러, 그리고 주인공이 멈춘 뒤에도 옆에서 따로 움직이는 세컨더리 액션. 셋 다 과하면 바로 티가 나는 기법이기도 합니다.
화면은 평평합니다. 그런데 먼 것을 느리게, 가까운 것을 빠르게 움직이면 깊이가 생깁니다. 그것이 패럴랙스입니다. 푸시 인은 반대로 거의 움직이지 않습니다. 눈치채지 못할 만큼 천천히 다가가서 보는 사람이 모르는 채로 집중하게 만듭니다. 둘 다 "얼마나"가 전부인 기법입니다.
설치 없이 해 보고 싶다면 앱 목록에서 브라우저 실행이 가능한 항목을 골라 주세요. 스토어 앱과 비공개 테스트 중인 앱은 이용 조건이 다르므로 상세 안내를 먼저 확인해 주세요.
개발 중인 작업은 기능이나 화면이 바뀔 수 있습니다. 오래된 글의 수치와 현재 실행 화면이 다르다면, 해당 앱의 상세 페이지와 이후 개발 기록을 함께 확인하는 편이 좋습니다.
밤 호박밭의 인형입니다. 눌러 보세요 · 여섯 중에 골라 놀기
