🐨CoalaCoding
B반1▾
잡코리아-입사지원
사람인-입사지원
👾숏츠
🙉B반2
🐨CoalaCoding

개발자를 위한 한국어 웹 기술 문서

문서

  • JavaScript
  • React
  • HTML & CSS
  • Backend
  • AI & LLM
  • Dev Tools
  • Creative

커뮤니티

  • 게시판
  • 예제 모음

기타

  • 관리자
© 2026 CoalaCoding. All rights reserved.

검색 결과

"프롬프트" 결과: 42건

  • 문서

    AI 워커(AI Worker)' 가이드

    직업훈련 수강생이 업무 현장에서 생성형 AI를 안전하고 효율적으로 활용할 수 있도록 안내

    /docs/ai/prompt/ai-worker

  • 문서

    AI 코딩 에이전트 스킬 사용법

    Claude Code와 Gemini CLI에 프로젝트 전용 지식을 주입하는 방법을 다룬다. 스킬의 개념을 이해한 뒤, AI에게 먼저 환경 분석을 시키고 그 결과에 맞는 스킬을 작성하는 흐름을 익힌다.

    /docs/ai/prompt/skill

  • 문서

    구인업체 데이터 수집 크롤러 만들기 (바이브 코딩)

    Gemini CLI나 Claude에게 프롬프트로 시켜서 잡코리아·사람인 크롤러를 직접 실행하는 방법을 배운다. 파이썬 가상환경 세팅부터 결과 Excel 확인까지 단계별로 따라간다.

    /docs/backend/python-projects/job-crawler

  • 문서

    광고영상만들기

    /docs/creative/video/광고영상만들기

  • 문서

    capcut

    /docs/creative/video/capcut

  • 문서

    README.md

    /docs/devtools/git/readme

  • 문서

    허깅페이스 무료 Inference API - OTT 앱 활용 가이드

    HuggingFace 무료 AI API로 OTT 서비스 기능을 직접 구현한다

    /docs/backend/python-projects/허깅페이스-무료-inference-api-ott-앱-활용-가이드

  • 문서

    네이버 영화 리뷰 크롤링

    /docs/backend/python-projects/네이버-영화-리뷰-크롤링

  • 문서

    1회차: 파이썬 소개 & 변수와 자료형

    /docs/backend/python-basics-b/python-01

  • 문서

    GSAP 플러그인 종류와 기초 애니메이션

    GSAP의 핵심 기능과 주요 플러그인을 배우고, 실전 예제를 직접 작성해본다.

    /docs/html-css/animation/gsap-2

  • 문서

    함수

    /docs/javascript/basics/함수

  • 문서

    이벤트

    /docs/javascript/basics/이벤트

  • 문서

    제어문

    /docs/javascript/basics/제어문

  • 문서

    ai이미지-생성기-구현

    openAI의 DALL-E 모델을 사용하여 웹페이지에 AI 기반 이미지 생성기를 자바스크립트로 구현합니다.

    /docs/javascript/basics/ai이미지-생성기-구현

  • 문서

    시작하기

    /docs/react/basics/시작하기

  • 문서

    노코드리액트

    /docs/react/basics/노코드리액트

  • 문서

    바이브코딩

    /docs/react/resume/바이브코딩

  • 문서

    GOFLEX Gemini CLI 바이브코딩 프롬프트 템플릿

    GOFLEX 영화 앱을 Gemini CLI로 개선할 때 사용하는 프롬프트 모음이다.

    /docs/react/movie-app/goflex-gemini-prompts

  • 문서

    AI 챗봇 연동하기

    플로팅 버튼과 채팅 팝업을 하나의 컴포넌트로 만들고, 백엔드 서버와 메시지를 주고받는다

    /docs/react/movie-app/chatbot

  • 문서

    Category, ErrorPage 완성하기

    카테고리 페이지네이션, 에러 페이지를 완성하고 프로젝트를 점검한다

    /docs/react/movie-app/category-errorpage

  • 문서

    MovieDetail — 영화 상세 페이지 만들기

    예고편 팝업, 장르 태그, 뒤로가기를 포함한 영화 상세 페이지를 구현한다

    /docs/react/movie-app/movie-detail

  • 문서

    Section과 Card — 영화 카드 목록 만들기

    더보기 링크가 있는 섹션, 호버 오버레이 카드 컴포넌트를 만든다

    /docs/react/movie-app/section-card

  • 문서

    Home.jsx — 메인 페이지 완성하기

    히어로 영상, 인기영화 하이라이트, 영화 목록 섹션으로 메인 화면을 만든다

    /docs/react/movie-app/home-page

  • 문서

    Header와 Footer 만들기

    고정 헤더와 푸터를 구현한다

    /docs/react/movie-app/header-footer

  • 문서

    App.jsx — 레이아웃 구성과 데이터 가져오기

    헤더, 푸터, 데이터 로딩, Outlet을 활용한 전체 레이아웃을 만든다

    /docs/react/movie-app/app-layout

  • 문서

    공통 UI 컴포넌트 만들기 (UI.jsx)

    Button, Spinner, Modal, Container — 프로젝트 전체에서 재사용할 공통 컴포넌트를 만든다

    /docs/react/movie-app/ui-components

  • 문서

    Axios로 TMDB API 연결하기

    axios.js 설정 파일을 작성하고 영화 데이터를 가져오는 기반을 만든다

    /docs/react/movie-app/axios-api

  • 문서

    React 진입점과 라우팅 설정

    main.jsx에서 앱을 시작하고 React Router로 페이지를 나누는 방법

    /docs/react/movie-app/routing-setup

  • 문서

    GOFLIX 프로젝트 소개와 개발환경 설정

    React + Vite + Tailwind CSS로 영화 웹앱 만들기 - 환경 구축편

    /docs/react/movie-app/project-setup

  • 문서

    바이브코딩 완전 가이드

    /docs/ai/tools/vibe

  • 문서

    바이브코딩

    /docs/ai/tools/vibecoding-ai-agent

  • 문서

    Gemini CLI

    /docs/ai/tools/geminicli

  • 문서

    claude-code

    /docs/ai/agent/claude-code

  • 문서

    vibecoding-prompts

    /docs/ai/prompt/vibecoding-prompts

  • 문서

    geminiCli-FigmaDesign

    /docs/ai/tools/geminicli-figmadesign

  • 문서

    figma-mcp-guide

    /docs/ai/agent/figma-mcp-guide

  • 문서

    gemini

    /docs/ai/tools/gemini

  • 문서

    리플릿

    /docs/ai/tools/리플릿

  • 문서

    mmaudio

    효과음

    /docs/ai/tools/mmaudio

  • 문서

    suno

    음악

    /docs/ai/tools/suno

  • 문서

    프롬프트-작성법

    프롬프트시트

    /docs/ai/prompt/프롬프트-작성법

  • 문서

    챗gpt-활용법

    /docs/ai/prompt/챗gpt-활용법