코드 컴포넌트로 고급 기능 구현하기

중급약 35분3단계

Framer Code Component로 React 코드를 직접 작성해 비주얼 에디터의 한계를 넘습니다.

따라 하기

1단계 / 3

코드 컴포넌트 생성

  1. 1왼쪽 패널 Assets 탭›Code 섹션›+ New Code File을 클릭합니다.
  2. 2React 컴포넌트 코드를 작성합니다.
Framer 열기

이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.

framer.com
Framer
AI로 웹사이트를 만드세요
코드 없이 전문적인 웹사이트를 빠르게 완성
AI로 생성
여기를 클릭!
템플릿 시작
포트폴리오
비즈니스
SaaS 랜딩
에이전시

누를 위치 Assets›Code›New Code File›컴포넌트 코드 작성

팁 Framer는 React 기반이므로 일반 React 코드가 그대로 동작합니다.