HTML2 6주차 TIL_미션과제 제출, js학습 월~수는 미션과제에 집중했던 것 같다. 4번 과제를 마무리하고, 초반 123번과제에서 뭔가 얼렁뚱땅 넘어갔다고 느낀 부분들을 다시 보았다. 사실 과제 1을 진행할 때만 해도, 내마음대로 만드는 게 아닌 요구사항과 figma에 맞춰 진행하는 게 익숙치않고 불편하기도 했다. 안되던 것들이 왜 그런지 알고 확인하는 매뉴얼?이 머릿속에 그려져 점점 속도가 붙었던 거 같다. 중간즈음부터는 문제가 생기면 position을 제대로 주었는지 확인하고, 작성한 display에 맞는 속성들을 준 건지, 구조상 특정 태그의 범위가 맞는지, 오타는 없는지 클래스명을 다시 확인하는 걸 기본으로 진행했다. 과제 2,3에서는 css의 background활용을 익힐 수 있었다. 초반엔 특정 태그에 배경이미지를 넣고 여러 방법으로 조.. 2023. 4. 16. Font를 Preload하는 방법 웹페이지에 폰트를 적용할 경우, 해당 폰트를 불러오기 위해 HTTP요청이 필요하다. 이 요청으로 페이지 로딩 시간이 길어질 수 있으므로, 폰트의 로딩을 최적화하는 방법이 필요하다. 따라서 오늘은 "Font를 Preload하는 방법" 에 대해 이야기할 예정이다. 1. 로컬 폰트를 사용할 경우 웹페이지에서 로컬폰트를 사용하는 경우, 폰트가 이미 컴퓨터에 존재하므로 추가적인 HTTP요청없이 바로 적용이 가능하다. 따라서 폰트를 Preload할 필요가 없다. 하지만 해당 폰트를 가지고 있지 않은 사용자의 컴퓨터에서는 적용이 불가하므로, 그를 위한 대체 폰트를 설정해야 한다. 2. 웹 폰트를 사용할 경우 웹폰트를 사용하는 경우, 폰트파일을 다운로드하고 렌더링하는 과정에서 시간이 추가적으로 소요된다. 이 경우 pr.. 2023. 4. 7. 이전 1 다음