165 Terms · Updated for vibe coding
바이브 코더를 위한 딱 맞는 개념 사전
바이브코딩을 하면서 실제로 마주치는 개념들을 너무 어렵지도 쉽지도 않은 설명으로
새로 읽을 가이드
01 / Design Language“예쁘게 만들어줘” 말고 어떻게 요청해야 할까?
“깔끔하게, 예쁘게, 잘 만들어줘” 대신 쓸 수 있는 마법의 디자인 스타일 용어들
- 6개의 언어 층위
- 70+ 실전 키워드
- 복사 가능한 프롬프트
Design language map 2026 / 01
STYLE
IS A
LANGUAGE.
IS A
LANGUAGE.
- Brutalism
- Minimalism
- Glassmorphism
- Neo-Brutalism
- Skeuomorphism
Pretty는 결과이고, 언어는 방향입니다.
조건에 맞는 용어가 없습니다. 검색어를 조금 줄여보세요.
Official
공식 핵심 개념
Featured
추천 학습 경로
Popular
인기 바이브 코딩 용어
New
새로 추가된 개념
Learning Paths
상황별 학습 경로
처음 AI 코딩을 시작할 때
AI에게 작업을 맡기고 프로젝트 파일을 다루는 기본 환경부터 익혀요.
학습 경로 보기코드를 공유하고 배포할 때
변경 이력을 남기고 만든 결과물을 실제 웹 주소로 공개하는 흐름이에요.
학습 경로 보기비밀값과 API를 다룰 때
외부 서비스를 안전하게 연결하고 비밀값을 코드 밖에서 관리해요.
학습 경로 보기웹사이트를 만들고 싶을 때
화면을 구성하는 기초부터 데이터 처리와 배포까지 큰 그림을 익혀요.
학습 경로 보기데이터를 분석하고 싶을 때
데이터를 모으고 구조화한 뒤 패턴을 찾는 데 필요한 개념을 살펴봐요.
학습 경로 보기노션·구글 드라이브 업무를 자동화할 때
문서와 외부 서비스를 권한에 맞게 연결하고 반복 작업을 줄여요.
학습 경로 보기AI 에이전트를 활용하고 싶을 때
목표와 도구, 작업 절차를 엮어 AI가 여러 단계를 수행하게 만들어요.
학습 경로 보기FAQ
자주 묻는 질문
바이브 코딩 사전은 어떤 순서로 보면 좋나요?
AI 코딩 도구, 코드 관리, 배포, 보안 순서로 보면 실제 작업 흐름과 가장 비슷합니다.
바이브 코딩 사전은 어떤 순서로 보면 좋나요? 자세히 보기Git과 GitHub(깃허브)는 뭐가 달라요?
Git은 변경 이력 관리 도구이고, GitHub(깃허브)는 Git 저장소를 온라인에서 공유하고 연결하는 플랫폼입니다.
Git과 GitHub(깃허브)는 뭐가 달라요? 자세히 보기.env 파일은 GitHub(깃허브)에 올려도 되나요?
보통 올리면 안 됩니다. API 키(API Key)나 토큰(Token) 같은 비밀값이 들어갈 수 있기 때문입니다.
.env 파일은 GitHub(깃허브)에 올려도 되나요? 자세히 보기빌드(Build)와 배포(Deploy)는 뭐가 달라요?
빌드(Build)는 실행 가능한 결과물로 만드는 과정이고, 배포(Deploy)는 그 결과물을 사용자가 접근할 수 있게 공개하는 과정입니다.
빌드(Build)와 배포(Deploy)는 뭐가 달라요? 자세히 보기AI는 왜 md 파일을 자주 쓰나요?
md 파일은 사람이 읽기 쉽고 AI가 구조를 파악하기 쉬운 가벼운 문서 형식이라 개발 문서와 작업 지시문에 잘 맞습니다.
AI는 왜 md 파일을 자주 쓰나요? 자세히 보기데이터베이스와 엑셀은 뭐가 다른가요?
엑셀은 사람이 직접 표를 보고 정리하기 좋은 도구이고, 데이터베이스는 앱이 데이터를 안정적으로 저장하고 조회하기 위한 시스템입니다.
데이터베이스와 엑셀은 뭐가 다른가요? 자세히 보기React는 왜 쓰나요?
React는 복잡한 화면을 컴포넌트로 나누고, 사용자 행동에 따라 바뀌는 상태를 체계적으로 다루기 위해 씁니다.
React는 왜 쓰나요? 자세히 보기Remotion과 HyperFrames 중 어떤 게 더 좋아요?
복잡한 React 영상 앱과 검증된 생태계가 필요하면 Remotion, HTML 중심의 에이전트 자동화와 재현 가능한 렌더링이 중요하면 HyperFrames가 더 잘 맞습니다.
Remotion과 HyperFrames 중 어떤 게 더 좋아요? 자세히 보기