GITING 매거진 · 프로그램은 식당이다

식당 지도01

방은 넷이다

웹사이트도 앱도 이 넷으로 나뉜다.

홀화면 · 프론트엔드 손님이 보고 누르는 곳. 버튼, 글자, 사진.

버튼입력 칸목록사진

주문서API 홀과 주방이 주고받는 쪽지.

주문 #27
김치볶음밥 ×1
2번 테이블

주방서버 · 백엔드 손님은 못 보는 곳. 확인하고, 계산하고, 만든다.

창고데이터베이스 회원, 주문, 글. 문을 닫아도 남아야 하는 것.

손님은 홀만 본다. 주방과 창고는 문 뒤에 있다.

한 접시가 나오기까지02

버튼 하나를 누르면

배달앱에서 「주문하기」를 눌렀을 때.

1홀 · 화면누른다주문하기 버튼

2주문서 · API쪽지가 간다POST /orders

3주방 · 서버확인한다가게 열었나? 재료 있나?

4창고 · DB적어 둔다주문 1건 저장

5다시 홀접시가 나온다「주문이 들어갔어요」

부엌 말03

꼭 아는 말 12개

AI 가 쓰는 말이 이 중에 있으면 이 카드를 떠올리면 된다.

홀프론트엔드눈에 보이는 화면 전부.

주방백엔드보이지 않는 뒤쪽 일.

창고데이터베이스 · DB저장해 두는 곳. 껐다 켜도 남는다.

주문서API무엇을 달라고 할지 정해 둔 양식.

주문과 접시요청 · 응답보내는 것과 돌아오는 것.

가게 건물서버주방이 돌아가는 컴퓨터. 24시간 켜져 있다.

밀키트프레임워크재료와 순서가 정해진 세트. Next.js, Django.

양념 선반라이브러리 · 패키지남이 만들어 둔 것을 가져다 쓴다.

레시피 수정 기록Git · 커밋언제 무엇을 바꿨는지. 어제로 돌아갈 수 있다.

집 부엌localhost내 컴퓨터에서만 열린다. 맛보기용.

가게 문 열기배포주소만 알면 누구나 들어온다.

금고 열쇠환경변수 · .env · API 키비밀번호 같은 것. 남에게 보이면 안 된다.

맛보기와 개업04

집 부엌과 가게

내 컴퓨터에서 된다고 남도 되는 건 아니다.

집 부엌나만 먹어 본다

localhost:3000

친구에게 이 주소를 보내도 안 열린다.

→

가게누구나 먹는다

myshop.pages.dev

배포하면 주소가 생긴다. 폰에서도 열린다.

문 여는 법은 VOL.07 『만들었으면, 내보내자』→

AI 와 같이05

나는 사장,
AI 는 주방장

칼질은 안 해도 된다. 무엇을 팔지와 맛은 사장이 정한다.

사장 · 나정한다

무슨 메뉴를 팔지
홀이 어떻게 보일지
나온 접시 맛보기

주방장 · AI만든다

코드 짜기
밀키트 · 양념 고르기
쪽지 보고 고치기

주문→만든다→맛본다→고친다↺

주문할 때「예쁘게 해줘」고칠 때「안 돼요」

주문할 때 · 이름과 숫자「카드가 0.3초에 페이드인」고칠 때 · 쪽지 그대로빨간 글자를 복사해서 붙여 넣기 TypeError: …

이름으로 주문하는 법은 VOL.08 『말로 설명하던 걸, 이름으로』→

오늘 한 접시06

홀부터 차린다

처음엔 주방도 창고도 없이, 홀 하나면 된다.

AI 에게 그대로할 일 목록 웹페이지를 만들어줘. 화면(프론트엔드)만 있으면 되고 서버는 없어도 돼. 할 일을 적고 엔터를 치면 아래에 쌓이고, 누르면 줄이 그어지게. 새로고침해도 남도록 브라우저에 저장해줘. 내 컴퓨터에서 여는 방법을 순서대로 알려줘.

Claude, ChatGPT, 어디에 붙여도 된다.

홀만방이 하나라 망가질 곳도 하나.

브라우저에 저장창고 대신 손님 주머니. 서버가 필요 없다.

여는 방법까지집 부엌에서 맛보는 데까지가 한 접시.

코드를 몰라도,
가게 구조는 알 수 있다.