프레이머 설치 & 주요 기능 소개

프레이머의 기본단위: Frame

프레이머의 Layout 스타일: Stack & Grid

반응형 디자인: Position & Breakpoint

반응형 단위: % / vw / vh / fr / max-

컴포넌트: 그래픽

반복되는 스타일 관리하기

레이아웃 템플릿

포트폴리오 웹사이트 01 ─ 반응형 디자인 & 재사용성

인터렉션: Frame ─ Trigger, Properties, Transition

인터렉션: 컴포넌트

오버레이

스크롤 인터렉션: Sticky

스크롤 인터렉션: Scroll Transform

스크롤 인터렉션: Scroll Animation & Variant

포트폴리오 웹사이트 02 ─ 주요 웹사이트 인터렉션

CMS: 콘텐츠 입력하기

CMS: 웹사이트 디자인하기

CMS: 노션으로 웹사이트 만들기

사이트 설정

포트폴리오 웹사이트 03 ─ CMS 페이지

Framer vs Code ─ GUI 에 필요한 3가지 요소

Code: Framer + Overrides 사용하기

Code: AI 사용하기