2025-04-29 [30일차]
수업 정리
flex play ground
웹 폰트
html, css 사용해서 화면을 만들때
화면에 그려질 텍스트의 폰트
아무거나 다 되는 건 x
--> 구글 폰트 , 눈누에서 가져오면 좋음
자주 사용하는 폰트
본고딕 (Noto sans KR)
무난무난한 폰트 / 저작권 이슈 없는거 쓰기! (무언가 개발할때는)
원하는 아이콘
폰트어썸
원하는 아이콘 주워서
css편집기 -> html에 아이콘 링크 붙인다
그런데 붙여넣었다고 되는게 아니어서
cdnjs에 들어가서 내가 원하는 홈페이지 -
폰트어썸(그외 홈페이지) 검색하면
주소들이 나오는데 거기서 all이라는 키워드를 가진
주소 복사해서 html 상위 편집기에 넣기!
또한 정렬이나 이런것들이 적용된 애들 글자 혹은
아이콘들의 쿼리를 가져오면 용량이 비교적 크기에
all + min 버전 을 cdnjs에서 복사하자! 웬만하면
반응형 화면 제작
반응형 화면
사용자의 화면에 따라 화면이 바뀜
폰트 사이즈 바꾸는 것도 포함
화면 크기에 따라 글자 사이즈를 px로 고정하는게
아닌 rem, % 처럼 화면 사이즈에 비례해서 글자가
커/작아 지게 하는것도 반응형 css 의 기본
라이브러리
-> 테일윈드 css
라이브러리를 사용하는 것은 장단점이 있는데
무조건 라이브러리만 써야 해 x
라이브러리는 쓰면 안돼 x
일반적인 css방식과
라이브러리 방식을 함께 사용해서
디자인을 하는게 우리 현재 상황에서
가장 효율적이다
코딩초보