강의 소개
프레이머 101
새로워진 프레이머는
프레이머를 가장 잘 아는
하버스쿨에서
동영상 강의 상품입니다
SINCE 2019
─
누적 프레이머 수강생
1,300 명 돌파 (2025)
강의 특징
─
기초부터, 실제 프로젝트까지
가장 체계적인 프레이머 강의
프레이머의 기능들을
각 예제들로 손쉽게
익혀보세요
21개의 기본적인 예제들로
프레이머의 기본적인 기능부터,
어려운 스크롤 인터렉션 기능들까지
쉽고 빠르게 익혀보세요
실제 프로젝트를 만들어 보는 강의
배운 개념을 토대로
실제 반응형 인터렉티브 웹 프로젝트에
적용해보세요
https://marianne.framer.website
(강의에 포함된 웹 프로젝트)
Point 01.
7년간의 프레이머 전문 연구와 실전 경험
30개 이상의 성공적인 프레이머 프로젝트
1,300명 이상의 수강생 배출, 4.9/5.0 만족도 (2025)
하버스쿨 프레이머 강의 경력
7년+
2016년부터 꾸준한 연구와 강의
완성된 프레이머 프로젝트
30+
실무 수준의 완성도 높은 결과물
현업 프레이머 전문가
100%
실력이 검증된 현업 전문가 강사진
하버스쿨의 프레이머 교육 전문성
수강생 평균 만족도 4.9/5.0
Point 02.
단 하루만에 깔끔한 반응형 웹사이트 제작
프레이머의 블록 시스템으로 빠르게 구현
코드 없이 고급 인터랙션 구현
실제 개발자가 만든 듯한 인터랙션을 드래그 앤 드롭으로
실시간 협업과 즉각적인 배포
팀과 실시간으로 작업하고 URL로 바로 공유 가능
Framer 인터랙션 미리보기
Point 03.
기초부터 고급까지 단계별 학습
클릭, 호버, 드래그 등 기본 인터랙션부터 시작
애플 스타일 스크롤 인터랙션 마스터
부드럽고 세련된 스크롤 효과, 시차 스크롤 구현
디테일이 살아있는 마이크로 인터랙션
사용자 경험을 완성하는 섬세한 모션 디자인
Point 04.
머릿속 개념에서 진짜 서비스까지,
각 단계별 미션 프로젝트와 실제 예제의 유기적 연계.
학습과 포트폴리오를 한번에!
모듈별 실전 미션 과제
기초를 익히자마자 바로 실전 미션을 통해 개념 강화
포트폴리오급 최종 프로젝트
현업에서도 쓸 수 있는 퀄리티의 포트폴리오 제작
현업 실무자 피드백
이론과 실전 사이의 간극을 현업 경험으로 메워드립니다
기초
개념
미니
과제
최종
프로젝트
단계별 프로젝트 연계 학습
Point 05.
수강생 전용
커뮤니티 오픈
실시간 질문, 피드백, 밋업 및 진로 상담까지.
든든한 동료와 멘토가 함께하는
하버스쿨만의 커뮤니티에서 같이 공부해 보세요.
실시간 질문 & 피드백
수업 중 막힌 부분을 바로 해결할 수 있습니다
정기 밋업 & 네트워킹
실무자들과 교류하며 인사이트를 얻어가세요
진로 상담 & 포트폴리오 리뷰
현업 멘토가 진행하는 1:1 맞춤 컨설팅
Point 06.
실제로 개발 업무에서 적용할 수 있는 AI 코드를
현업 개발자에게 직접 배워볼 수 있는 절호의 기회
AI 자동 코드 생성으로 작업 속도 향상
현업 개발 방식으로 AI를 활용하는 노하우
복잡한 인터랙션도 AI로 구현
코드를 모르는 사람도 AI의 도움으로 고급 기능 활용
AI 프롬프트 최적화 트레이닝
실무에서 검증된 프롬프트 스킬과 최적화 방법 공유
// Framer 애니메이션 코드
import { animate, motion } from "framer-motion";
const AnimatedCard = () => {
return (
<motion.div
initial={{ opacity: 0, y: 50 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.8 }}
>
내용이 들어갑니다...
</motion.div>
);
};
AI와 함께하는 프레이머 코딩
AI 제안:
hover 효과를 추가하면 어떨까요?
whileHover={{ scale: 1.05 }}
프레이머 기초
프레이머 인터렉션
CMS & 사이트 설정
프레이머 + 코드
강사 루움
42 Silicon Valley 출신
하버스쿨 대표
Framer Korea 운영자
클래스 101 수강 만족도 4.9/5.0
디자인 엔지니어 (유튜브 15만 조회수)
작가 로라 AI 대표
2019년 부터 세번의 온오프라인 밋업을 주관한
프레이머 관련 국내 유일 전문 교육 기관 입니다
2019년 프레이머 코리아 x 오픈패스 밋업
2020년 프레이머 코리아 온라인 밋업
2024년 프레이머 코리아 x 29CM 밋업
디자인 엔지니어
(강사님 유튜브 채널)
─
강사님 작업
─
평생 소장 VOD 강의 상품
모든 강의는 영상강의로 제작되어 제공 됩니다
(평생 소장 / 본 웹사이트에서 수강 가능)