캠프 Ch4. TIL | 12월 17일

✅오늘 한 것
-디자인카타 

-개인과제

---

개인과제

TIL 쓰는 현재 내 자신이 너무 웃김.

왜냐면 난 오늘 하루안에 개인 과제를 다 끝낼 수 있다고 생각했기 때문.ㅋ

현실은?

헤더랑 Hero 섹션 뼈대 잡기 겨우 끝냄.

헤맸던 부분 
⚡해결 방법

• 디자인 시스템
  - 기존 노션에는 폰트 스타일이 3가지나 있어서 하나하나 선별하기가 힘들었음
  ⚡ Segoe UI로 통일
  - 폰트 스타일 정의할 때 Headline은 크고 Bold로, Body 는 작고 Regular 라고 생각했는데 크기가 작은 Bold인 스타일은 어떻게 정의해야할지 고민됨
  ⚡  노션 정의 참고

변경 전/ 변경 후

 

• 헤더 정렬
  - 헤더에서 로고와 메뉴바와 버튼이 가운데로 정렬이 안됨!!
  -> 가운데 정렬은 되어 있지만 로고 이미지와 버튼을 클릭해보면 그거 자체에 밑에 빈공간이 좀 있었음
  ⚡  Image랑 Button을 Latout 패널에서 Align을 Middle로 변경

 

- 레이아웃 안쓰고 헤더부터 직접 만들었는데 CTA(무료로 사용하기)버튼 오른쪽으로 배치하는데도 엄청 오래걸렸음

⚡  Space Between 생각나서 겨우 해결

 

• Class 설정
  - 클래스 공유가 되어 계속 바뀜...
  ⚡ 더블 클래스 혹은 새로운 컨테이너 만들 때 클래스 수정해놓고 작업