검색 결과

/docs/creative/design-foundation/typesgraphic

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

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

디자이너를 위한 Figma Variables 교안

/docs/creative/figma/figma-01

Fork 기반 팀 협업 전략과 PR 자동 빌드 검증 가이드

/docs/devtools/git/git

/docs/creative/video/capcut

/docs/creative/premiere/3-자막만들기

/docs/devtools/misc/웹디자인-리뉴얼-제안서-작성

/docs/devtools/git/readme

/docs/html-css/css/레이아웃

/docs/html-css/css/리퀴드글래스

/docs/html-css/css/문자

/docs/html-css/css/기본문법과-선택자

/docs/html-css/css/selector

/docs/html-css/css/form

Tailwind CSS v4의 반응형 기법, 컨테이너 쿼리, 접근성, 성능 최적화

/docs/html-css/tailwind/responsive

Tailwind CSS v4의 타이포그래피, 색상, 간격 커스터마이징

/docs/html-css/tailwind/typography-design

/docs/html-css/tailwind/tailwind

/docs/html-css/tailwind/at

와이어프레임 아이콘, Flow 제작, 오토레이아웃, 반응형 디자인(PC/태블릿/모바일) 레이아웃 설계를 알아봅니다

/docs/html-css/ui/인터페이스설계

피그마의 캔버스, 레이어, 좌측패널, 상단툴바, 우측패널 등 인터페이스 구성과 기본 사용법을 예제를 통해 알아봅니다

/docs/html-css/ui/인터페이스예제

클라우드 기반 디자인 툴 피그마의 개요, 프로토타입 툴 비교, 요금제, 공식 매뉴얼 링크를 알아봅니다

/docs/html-css/ui/피그마란

디스플레이 해상도, 래스터화, 배율 디자인, 그리드 시스템, 반응형 그리드, 간격 시스템을 알아봅니다

/docs/html-css/ui/해상도와그리드시스템

일관성 있는 아이콘 세트를 만들기 위한 7가지 규칙과 아이콘 제작 가이드를 알아봅니다

/docs/html-css/ui/아이콘디자인이론

색상, 크기, 서체, 여백, 배열, 명암 대조를 활용하여 비주얼 체계(Visual Hierarchy)를 구축하는 6가지 규칙을 알아봅니다

/docs/html-css/ui/6가지비주얼체계규칙

디자인의 기본 조형요소인 점, 선, 면의 특징과 시각적 느낌을 알아봅니다

/docs/html-css/ui/조형요소

모바일 UI에서 버튼의 구조, 유형, 시각적 계층구조, 상태, 크기, 위치 등 버튼 디자인의 핵심 원칙을 알아봅니다

/docs/html-css/ui/모바일디자인버튼

디자인 스타일 가이드의 구성요소와 제작 방법을 알아봅니다

/docs/html-css/ui/스타일가이드만들기

웹디자인에서 텍스트의 가독성과 사용성을 향상시키는 타이포그래피 10가지 규칙을 알아봅니다

/docs/html-css/ui/타이포그래피10가지팁

색채 이론, 색상환, 색채 배합, 색상 의미, 컬러 프로파일을 이해하고 디자인에 어울리는 팔레트를 선택하는 방법을 알아봅니다

/docs/html-css/ui/색상을성공적으로고르는방법

아이트래킹의 개념과 F패턴, Z패턴을 활용한 웹디자��� 방법을 알아봅니다

/docs/html-css/ui/아이트래킹

멋진 웹사이트 레이아웃을 디자인하는 10가지 법칙과 실용 가이드

/docs/html-css/ui/10가지법칙

웹사이트 레이아웃의 종류와 잘 디자인하는 방법을 알아봅니다

/docs/html-css/ui/레이아웃기초

웹 타이포그래피의 가독성, 계층구조, 여백 등 핵심 원칙을 알아봅니다

/docs/html-css/ui/폰트와사이즈

디자인 현장에서 자주 사용하는 실무 용어를 알아봅니다

/docs/html-css/ui/디자인실무용어

디자인에서 황금비율을 적용하는 다양한 방법을 알아봅니다

/docs/html-css/ui/황금비율

색채가 인간의 감정과 감각에 미치는 영향을 알아봅니다

/docs/html-css/ui/색채심리학

디자인의 기본 원리인 게슈탈트 이론의 4가지 원칙을 알아봅니다

/docs/html-css/ui/게슈탈트이론

/docs/creative/design-foundation/좋은-디자인을-위한-요소

/docs/html-css/ui/swiper

/docs/html-css/html/폼요소

/docs/html-css/html/테이블요소

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

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

/docs/javascript/basics/제어문

/docs/javascript/basics/시작

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

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

Router-loader, UseContext 활용

/docs/react/api/실전-api데이터-연동-공유-관리

/docs/react/basics/composition

/docs/react/basics/시작

/docs/react/basics/컴포넌트-전략

/docs/react/basics/컴포넌트