[내일배움캠프 PM 4기] 65일차 - Framer로 만든 에어비앤비 스타일 웹사이트

Framer 강의를 따라오면서 항상 “언젠가 진짜 서비스 같은 걸 내가 직접 만들어보고 싶다!” 생각했는데, 드디어 오늘 그 첫 버전을 만들어봤어요.
이번엔 에어비앤비 UI를 참고해서 숙소 카드, 검색 바, 히어로 섹션까지 흐름 맞춰서 구현해봤습니다.

처음엔 디테일 잡느라 살짝 헤맸는데, 막상 만들어보니까 Framer가 왜 이렇게 사랑받는지 알겠더라고요.
코드 한 줄 없이도 페이지 연결하고, 인터랙션 넣고, 반응형까지 챡챡 잡히는 게 너무 시원함…

 

완성해놓고 스크롤 내려보는데 “오… 이거 꽤 그럴듯한데?” 싶은 그 뿌듯함도 있었고요 😌

이번 작업으로

• 컴포넌트 구조 잡는 법
• 페이지 전환 애니메이션
• 카드 UI를 CMS로 재사용하는 법
  까지 감 잡을 수 있어서 꽤 큰 수확이었어요.

BreakPoint로 나누는게 쉽지 않네요..

 

내일은 SEO까지 연동 마치려고합니다.

Framer로 뭐든 만들 수 있을 것 같은 느낌… 오늘 좀 신났습니다 🤭