GITING 매거진 · 말로 설명하던 걸, 이름으로← 전체 호
GITING 매거진 · VOL.08 · 바이브코딩 세 번째 걸음
기티가 서로 다른 움직임이 하나씩 담긴 타일이 빼곡한 벽 메뉴판 앞에서, 빛나는 타일 하나를 눌러 고르고 있다.

말로 설명하던 걸,
이름으로

설명이 길어지는 건 이름을 몰라서다. 이름 하나에 숫자 하나면 한 번에 나온다.

538이름 붙인 UI · 모션
412움직이는 실물
8사전
6영상 묶음
출발선01

느낌으로 말하면,
매번 다르게 나온다

같은 장면을 이름과 숫자로 시키면 고를 게 없어진다.

LIVE
자연스럽게 움직여줘
이징 아웃으로 0.5초 동안 들어와서 멈추게.
LIVE
세련되게 등장시켜줘
0.08초 간격 스태거로 왼쪽부터 차례로.
LIVE
통통 튀게 해줘
닿을 때 스쿼시 20%, 뜰 때 스트레치 15%.
이름은 이미 있다02

여덟 권, 538개

사람이 하는 말 · 정식 이름 · 그대로 붙이는 문장이 한 벌이다.

129UI화면 부품과 웹 연출
215모션카메라 · 전환 · 배경 · 글자
72앱 UISwiftUI · Flutter · RN 이름까지
42CSS 증상깨진 것과 고친 것
26랜딩히어로부터 전환까지
Aa 가나실제 글꼴로 보기
24웹폰트쓸 글꼴과 쓰는 자리
u.email.toLowerCase()u.email?.toLowerCase() ?? ""
15타입스크립트 에러빨간 줄을 증상으로
_cache = {} ... 27줄@cache
15안 만들어도 되는 것이미 있는 걸 짜려 할 때
찾는 법03

내가 하는 말로
찾는다

이름을 몰라서 펴는 사전이니, 평소 말로 찾게 만들었다.

1평소 하는 말로 검색 「글자가」
2움직이는 실물을 보고 고른다
3문장 복사, AI 에게 붙여 넣기
“접었다 폈다 되는 거”아코디언Accordion
“화면 가운데 뜨는 창”모달Modal
“내리면 하나씩 스르륵”스크롤 페이드인Fade-in
“글자가 모래처럼 부서지게”가루 소멸Disintegrate
“확 당겨줘”스냅 줌Snap Zoom
“잠깐 떴다 사라지는 알림”토스트Toast
시키는 법04

이름 하나에
숫자 하나

어디에+이름+숫자+조건 하나
0.6초몇 초 동안
18px · 35%얼마나
5개 · 0.08초몇 개, 어떤 간격
이렇게 시킨다카드들이 화면에 25% 들어오면 아래에서 18px 올라오며 0.6초 동안 페이드인되게 해줘.
문장 복사요청 한 줄. 지금 화면에서 하나만 바꿀 때.
프롬프트 전체 복사이름 · 견본 실물 · 적용 지침까지. 내 프로젝트 방식으로 옮기게.
폰에서는 마우스를 올려야 움직이는 것은 폰에서 안 된다. 그런 항목엔 대신할 방법을 같이 적어 두었다.
영상에서 봤다면05

영상에서 본 것,
그대로

영상에 나온 칸 순서대로 묶었다. 본 칸의 문장만 복사하면 된다.

웹사이트 연출 24스크롤 · 마우스 · 불러오기 글자 몸짓 24글자 하나하나의 움직임 배경 40영상 뒤에 까는 배경 화면 전환 40장면 사이를 넘기는 전환 글자 연출 40자막의 배치와 공간 모션 기본기 24처음 알면 되는 이름
메뉴판 열기
538개 · 내가 하는 말로 찾기
giting.kr/menu →
설명이 길어지는 건,
이름을 몰라서다.
주문서를 두 손으로 들어 보이는 기티
기티의 한마디. 「저기 좀 파 줘」보다 「왼쪽으로 세 뼘」이 빨라요. 이름 하나, 숫자 하나.