강의 소개

프레이머 101

새로워진 프레이머는

프레이머를 가장 잘 아는
하버스쿨에서

Framer 101

by 하버스쿨

진짜 브랜드 광고 이미지를

만들면서 배우는 AI (ComfyUI)

동영상 강의 상품입니다

정가

630,000원

할인 금액

(-49%)

310,000원

현재 판매가

320,000원

월 26,600원

* 12개월 할부 시

바로 구매하기

정가

630,000원

할인 금액

(-49%)

310,000원

현재 판매가

320,000원

월 26,600원

* 12개월 할부 시

바로 구매하기

SINCE 2019
─

누적 프레이머 수강생

1,300 명 돌파 (2025)

커리큘럼

프레이머 기초

01

강의소개 & NEW 프레이머 온보딩

01

강의소개 & NEW 프레이머 온보딩

02

Frame

02

Frame

03

Layout (Stack & Grid)

03

Layout (Stack & Grid)

04

반응형 디자인: Position & Breakpoint

04

반응형 디자인: Position & Breakpoint

05

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

05

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

06

컴포넌트: 그래픽

06

컴포넌트: 그래픽

06

스타일

06

스타일

07

레이아웃 템플릿

07

레이아웃 템플릿

Project

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

Project

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

프레이머 인터렉션

08

인터렉션: Frame
(Trigger / Properties / Transition)

08

인터렉션: Frame
(Trigger / Properties / Transition)

08

인터렉션: 컴포넌트

08

인터렉션: 컴포넌트

10

Overlay

10

Overlay

11

Scroll 인터렉션: Transform

11

Scroll 인터렉션: Transform

12

Scroll 인터렉션: Variant

12

Scroll 인터렉션: Variant

13

Scroll 인터렉션: Sticky

13

Scroll 인터렉션: Sticky

Project

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

Project

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

CMS & 사이트 설정

14

CMS 기본 구조 알기

14

CMS 기본 구조 알기

15

CMS 데이터 모아서 보여주기

15

CMS 데이터 모아서 보여주기

16

CMS 개별 페이지 디자인하기

16

CMS 개별 페이지 디자인하기

17

CMS 데이터 검색

17

CMS 데이터 검색

18

프레이머와 노션 연결하기

18

프레이머와 노션 연결하기

19

SEO / OG Images, Favicon

19

SEO / OG Images, Favicon

20

Domains / Staging & Versions

20

Domains / Staging & Versions

Project

포트폴리오 웹사이트 03 ─ Projects / Press

Project

포트폴리오 웹사이트 03 ─ Projects / Press

프레이머 + 코드

21

React

21

React

22

Overrides

22

Overrides

23

Code Components

23

Code Components

24

AI 를 활용 하여
프레이머에서 코드 작성하기

24

AI 를 활용 하여
프레이머에서 코드 작성하기

강사소개

강사 루움
42 Silicon Valley 출신
하버스쿨 대표
Framer Korea 운영자

클래스 101 수강 만족도 4.9/5.0
디자인 엔지니어 (유튜브 15만 조회수)
작가 로라 AI 대표

디자인 엔지니어
(강사님 유튜브 채널)
─

강사님 작업
─

애플 비전 사이트 클론

FEConf 2024 10만 글로벌 유저들이 생겨버린 Three.js 프로젝트

shadergradient

하버스쿨 (LMS)

yess.io

부가 정보

가격 & 영상 오픈 일정

모든 강의는 영상강의로 제작되어 제공 됩니다
(평생 소장 / 본 웹사이트에서 수강 가능)

영상 강의 오픈 일정

4/2 - 1차 오픈 (완료)
4/19 - 2차 오픈 (완료)
5/25 - 최종 오픈

가격

이벤트가: 270,000원

평생 소장 VOD 강의 상품

모든 강의는 영상강의로 제작되어 제공 됩니다
(평생 소장 / 본 웹사이트에서 수강 가능)

1차 오픈 이벤트

5/21 까지

52%

할인

수강 신청하기

1차 오픈 이벤트

5/21 까지

52%

할인

수강 신청하기

프레이머 101

새로워진 프레이머는

프레이머를 가장 잘 아는하버스쿨에서

SINCE 2019─

프레이머 기초

01

강의소개 & NEW 프레이머 온보딩

01

강의소개 & NEW 프레이머 온보딩

02

Frame

02

Frame

03

Layout (Stack & Grid)

03

Layout (Stack & Grid)

04

반응형 디자인: Position & Breakpoint

04

반응형 디자인: Position & Breakpoint

05

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

05

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

06

컴포넌트: 그래픽

06

컴포넌트: 그래픽

06

스타일

06

스타일

07

레이아웃 템플릿

07

레이아웃 템플릿

Project

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

Project

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

프레이머 인터렉션

08

인터렉션: Frame(Trigger / Properties / Transition)

08

인터렉션: Frame(Trigger / Properties / Transition)

08

인터렉션: 컴포넌트

08

인터렉션: 컴포넌트

10

Overlay

10

Overlay

11

Scroll 인터렉션: Transform

11

Scroll 인터렉션: Transform

12

Scroll 인터렉션: Variant

12

Scroll 인터렉션: Variant

13

Scroll 인터렉션: Sticky

13

Scroll 인터렉션: Sticky

Project

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

Project

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

CMS & 사이트 설정

14

CMS 기본 구조 알기

14

CMS 기본 구조 알기

15

CMS 데이터 모아서 보여주기

15

CMS 데이터 모아서 보여주기

16

프레이머를 가장 잘 아는
하버스쿨에서

SINCE 2019
─

인터렉션: Frame
(Trigger / Properties / Transition)

인터렉션: Frame
(Trigger / Properties / Transition)

AI 를 활용 하여
프레이머에서 코드 작성하기

AI 를 활용 하여
프레이머에서 코드 작성하기

강사 루움
42 Silicon Valley 출신
하버스쿨 대표
Framer Korea 운영자

클래스 101 수강 만족도 4.9/5.0
디자인 엔지니어 (유튜브 15만 조회수)
작가 로라 AI 대표

디자인 엔지니어
(강사님 유튜브 채널)
─

강사님 작업
─