🐨CoalaCoding

잡코리아-입사지원

사람인-입사지원

🐨CoalaCoding

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

문서

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

커뮤니티

게시판
예제 모음

기타

관리자

© 2026 CoalaCoding. All rights reserved.

검색 결과

"pen" 결과: 50건

문서
illustrator펜툴
펜툴마스터
/docs/creative/펜툴/illustrator-ex-1
문서
AI 워커(AI Worker)가이드
직업훈련 수강생이 업무 현장에서 생성형 AI를 안전하고 효율적으로 활용할 수 있도록 안내
/docs/ai/prompt/ai-worker
문서
일러스트레이터 주요단축키
일러스트레이터 주요단축키
/docs/creative/Illustrator/illustrator-shortcut
문서
구인업체 데이터 수집 크롤러 만들기 (바이브 코딩)
Gemini CLI나 Claude에게 프롬프트로 시켜서 잡코리아·사람인 크롤러를 직접 실행하는 방법을 배운다. 파이썬 가상환경 세팅부터 결과 Excel 확인까지 단계별로 따라간다.
/docs/backend/python-projects/job-crawler
문서
Figma 디자인 토큰 완전 정복
디자이너를 위한 Figma Variables 교안
/docs/creative/figma/figma-01
문서
트랜지션과-애니메이션
/docs/html-css/css/트랜지션과-애니메이션
문서
레이아웃
/docs/html-css/css/레이아웃
문서
리퀴드글래스
/docs/html-css/css/리퀴드글래스
문서
clamp(),min(),max()
/docs/html-css/css/clamp
문서
컴포넌트와 UI 요소
Tailwind CSS v4로 재사용 가능한 컴포넌트, 폼, 인터랙티브 요소 구현
/docs/html-css/tailwind/components-ui
문서
인터페이스예제
피그마의 캔버스, 레이어, 좌측패널, 상단툴바, 우측패널 등 인터페이스 구성과 기본 사용법을 예제를 통해 알아봅니다
/docs/html-css/ui/인터페이스예제
문서
해상도와그리드시스템
디스플레이 해상도, 래스터화, 배율 디자인, 그리드 시스템, 반응형 그리드, 간격 시스템을 알아봅니다
/docs/html-css/ui/해상도와그리드시스템
문서
스타일가이드만들기
디자인 스타일 가이드의 구성요소와 제작 방법을 알아봅니다
/docs/html-css/ui/스타일가이드만들기
문서
색상을성공적으로고르는방법
색채 이론, 색상환, 색채 배합, 색상 의미, 컬러 프로파일을 이해하고 디자인에 어울리는 팔레트를 선택하는 방법을 알아봅니다
/docs/html-css/ui/색상을성공적으로고르는방법
문서
gsap
/docs/html-css/animation/gsap-3
문서
slide
/docs/html-css/ui/slide
문서
swiper
/docs/html-css/ui/swiper
문서
stickyMenu
/docs/html-css/ui/stickymenu
문서
웹접근성
/docs/html-css/html/웹접근성
문서
문단과텍스트요소
/docs/html-css/html/문단과텍스트요소
문서
개발환경설정
/docs/html-css/html/개발환경설정
문서
dialog
/docs/html-css/html/dialog
문서
one-of-your-dependencies-babel-preset-react-app
이슈 트래킹
/docs/backend/nodejs/one-of-your-dependencies-babel-preset-react-app
문서
모듈-커스텀하기
이슈 트래킹
/docs/backend/nodejs/모듈-커스텀하기
문서
의존성버전-오류-해결법
이슈 트래킹
/docs/backend/nodejs/의존성버전-오류-해결법
문서
파이썬 챗봇 만들기
/docs/backend/python-projects/챗봇
문서
허깅페이스 무료 Inference API - OTT 앱 활용 가이드
HuggingFace 무료 AI API로 OTT 서비스 기능을 직접 구현한다
/docs/backend/python-projects/허깅페이스-무료-inference-api-ott-앱-활용-가이드
문서
네이버 영화 리뷰 크롤링
/docs/backend/python-projects/네이버-영화-리뷰-크롤링
문서
주식분석보고서
주식분석보고서
/docs/backend/python-projects/주식분석
문서
사진수집
/docs/backend/python-projects/사진수집
문서
6회차: 리스트 & 딕셔너리
/docs/backend/python-basics-b/python-06
문서
데이터셋 기반 DB 구축 & DB 활용 실습 — 리액트 연동 완성
/docs/backend/database/db구축-리액트연동
문서
SQL SELECT 세부 명령어 실습 1
/docs/backend/database/select-세부1
문서
Pandas를 활용한 SQL 명령문 실행
/docs/backend/database/pandas-sql명령문
문서
5-reactquery설정
/docs/javascript/supabase/5-reactquery설정
문서
GSAP 플러그인 종류와 기초 애니메이션
GSAP의 핵심 기능과 주요 플러그인을 배우고, 실전 예제를 직접 작성해본다.
/docs/html-css/animation/gsap-2
문서
함수
/docs/javascript/basics/함수
문서
GSAP 플러그인
GSAP의 핵심 기능과 주요 플러그인을 배우고, 실전 예제를 직접 작성해본다.
/docs/html-css/animation/gsap
문서
이벤트
/docs/javascript/basics/이벤트
문서
5-객체
/docs/javascript/basics/5-객체
문서
xmlhttprequest-부터axios-까지
/docs/javascript/basics/xmlhttprequest-부터axios-까지
문서
ai이미지-생성기-구현
openAI의 DALL-E 모델을 사용하여 웹페이지에 AI 기반 이미지 생성기를 자바스크립트로 구현합니다.
/docs/javascript/basics/ai이미지-생성기-구현
문서
실전-api데이터-연동-공유-관리
Router-loader, UseContext 활용
/docs/react/api/실전-api데이터-연동-공유-관리
문서
composition
/docs/react/basics/composition
문서
시작
/docs/react/basics/시작
문서
api활용
/docs/react/api/api활용
문서
event
/docs/react/basics/event
문서
GOFLEX Gemini CLI 바이브코딩 프롬프트 템플릿
GOFLEX 영화 앱을 Gemini CLI로 개선할 때 사용하는 프롬프트 모음이다.
/docs/react/movie-app/goflex-gemini-prompts
문서
AI 챗봇 연동하기
플로팅 버튼과 채팅 팝업을 하나의 컴포넌트로 만들고, 백엔드 서버와 메시지를 주고받는다
/docs/react/movie-app/chatbot
문서
MovieDetail — 영화 상세 페이지 만들기
예고편 팝업, 장르 태그, 뒤로가기를 포함한 영화 상세 페이지를 구현한다
/docs/react/movie-app/movie-detail