카테고리 없음

[내일배움캠프] 2일차 - 기본 코딩

헨젤과그레텔 2026. 3. 16. 21:57

🍎 오늘의 진도

1일차 - 이론 & 요소 만들기 : 프레이머 ✔️

2일차 - 이론 & 랜딩페이지 만들기 ✔️

3일차 - 랜딩페이지 셋팅 & 나만의 포폴 사이트 만들기

4,5일차 - Next Level Challenge


🍎 오늘의 학습 - 랜딩페이지

📌 반응형 디자인이란?📌

 

💻 큰 화면(PC) : 2~3열/큰 텍스트 , 📱작은 화면(모바일) : 1열/작은 텍스트

👉🏻 같은 콘텐츠지만 더 보기 좋게 배치를 바꾸는 것

 


 

📌 BreakPoint란? 📌

👉🏻 화면 크기가 일정 너비를 넘거나 줄어들 때, 레이아웃을 바꾸는 기준점

 


📌 Wireframer과 반응형 랜딩페이지 관계 📌

👉🏻 Framer의 Wireframer 기능으로 반응형 랜딩페이지를 쉽게 설계 가능


📌 랜딩페이지 실습 📌

데스크탑을 완성시키면 테블릿과 폰이 함께 변화되는게 신기하고 편하다 ! 컴포넌트도 훨씬 편하다👍🏻

 


🍎 느낀점 & 내일 할 일

Framer ..멋지고 편리하긴 한데 익숙해지려면 다소 시간이 필요하겠다^^*