🚩 오늘 달성한 목표
- 데일리스크럼 작성
- 오전 10시 - 프레이머 세션
- 공부공부~
- 개인 자습시간
- 19시 - 과제 안내 세션
- TIL 작성
🚩 오늘의 공부 기록
프레이머 기초 기능 설명은 끝났다!
오늘은 AI를 활용해 프레이머로 페이지를 만들어볼 차례!!
실제로 만들어본 페이지! 반응형이라구~
튜터님께서 미리 프롬프트를 준비해주셔서 그대로 넣었더니..
엄청난 초안이 완성되었다! 상단 Insert > Wireframer
AI를 잘 활용하면 내가 원하는 페이지 하나 정도는 하루만에 만들지두...??
ChatGPT를 사용해서 프롬프트 제작도 연습해봐야겠다!
밑에부터는 초안을 수정해서 만든 완성본~
맨 위에 헤더는 누르면 해당 섹션으로 스무스하게 내려간다!
바로 띡, 하고 넘어가게 할 수도 있다! (어디에 쓰려나?)
Hero 섹션은 헤드라인, 서브 헤드라인, 비주얼, CTA 버튼으로 이루어져 있다!
(비주얼이 실제 사진을 얘기하는 걸까?)
파트너 아이콘이 들어가는 섹션도 있고~ (여기가 신뢰 섹션인 듯 하다!)
실제 사용자 후기가 오른쪽에서 왼쪽으로 줄줄이 움직이는 섹션도 있다!
(Ticker라고 Framer 자체 기능이다! 아낌없이 다 주는 달달한 프레이머...)
상단 Insert > Interactive > Ticker
밑에는 기능 섹션인 것 같다! 이메일 자동 정리 얘기하는 거 보니까...
여기도~ 기능 섹션? (아마두)
여기에는 슬라이드쇼 기능이 있다!
오른쪽 아래 사진 부분이 그 기능이 부여된 곳이다!
상단 Insert > Interactive > Slideshow
FAQ랑 마지막 행동유도 CTA 영역!
맨 상단과 하단의 CTA 영역이 달라야 한다는 게 이런 거구나~ 싶었다!
그리고 Footer~
제일 신기했던 요녀석...
마우스를 따라 얼굴이 움직인다.
이건 하단 앱 바?에 있는 Plugins > Workshop에서
AI를 이용해 만들었다. 신기해~ 내 랜딩 페이지에도 쓰이려나~
내가 배운 모든 기능을 이용해서 멋지게 완성해봐야지!
많이 만져봐야 실력이 느는 거니까~ 아자아자 화이팅!! ♪(´▽｀)
🚩 + PLUS +
😷 감기 조심하세요옹...
토요일 아침부터 컨디션이 이상하긴 했는데,
아무튼 약속이 있어서 남자친구 보러 나갔다가
완벽하게 감기에 걸려버렸다! (두둥)
나는 원래 기관지가 약한 편이여서 감기도 바로 목감기로 왔다.
24시간 떠들썩한 투머치토커인 나로써는 견딜 수 없는 봉인...
결국 견디지 못하고 말하고 말았지롱~
심지어 저녁에 다같이 갈틱폰 하기로 했지롱~
아 맞다. 주제 정해놔야 되는데.
요즘 자꾸 놀 생각만 하는 것 같아서 큰일이다.
프레이머도 배워야 하는디...
랜딩 페이지 재밌게 만들어서 발표도... 자신 있으면 하고 싶다ㅋㅋㅋ
근데 게으른 내가 할 수 있을깜? 하하하하하
종수님이 봐준 해결 카드는 안된다고 엄청 단호하게 말하던뎅 >_<
아무튼 다들 감기 조심하세용...
이번 감기 세다... 첫날부터 "와... 세다." 했습니당...
