본문 바로가기
내일배움캠프 본캠프/6월

[내일배움캠프 본캠] 6/26 TIL

by mimi30 2025. 6. 26.

Framer 3일차

더보기

그안에 스택은 960px으로 고정! 안그러면 디바이스가 늘려질 때 너무 커짐

1200px 이상으로 하면 안됨

 

두번째 CMS 페이지를 만들었을때 자동으로 draft(미사용) 설정이 되는데요. 이걸 페이지 섹션에서 우클릭 누르고 꺼주셔야 해요. 이것 때문에 상세로 안 넘어갈 수도 있어요!

 

디자인 팁1

figma to framer. (플러그인 HTML)

html to framer  플러그인 [개사기]

 

실습

 

3일차 : Framer로 랜딩페이지 만들기

더보기
  1. 3강 이해
  • [ ✅ ] Framer의 방문자 지표 기능을 이해하고 사용할 수 있다.
  • [ ] Framer로 웹사이트를 설정하고 사용할 수 있다.
  • [  ] Framer의 Form 기능을 이해하고 사용할 수 있다.
  • [  ] Framer의 CMS 기능을 이해하고 사용할 수 있다.
  1. 아래에서 학습을 완료한 항목을 체크해주세요.
  • 개념
  • [  ] 웹 사이트 - Title, Description
  • [  ] 웹 사이트 - Language
  • [  ] 웹 사이트 - Favicon
  • [  ] 웹 사이트 - OG Image
  • [  ] 웹 사이트 - <head>, <body>
  • [  ] 웹 사이트 - Domain
  • [  ] Analytics (Visitors, Top Sources, Top Pages)

 

  • Framer 실습
  • [  ] Form ↔ Mail / Google Sheet 연동
  • [  ] Form 입력 후 피드백 화면 구현
  • [  ] 방문자 지표 살펴보기
  • [  ] 웹사이트 - 도메인 설정
  • [  ] 웹사이트 - Title 설정
  • [  ] 웹사이트 - Description 설정
  • [  ] 웹사이트 - OG 이미지 설정
  • [  ] 웹사이트 - Favicon 설정
  • [  ] CMS - Post 글 추가/수정/삭제