본문 바로가기

현인

검색하기
현인
프로필사진 현인(Hyeon In)

  • HI's Dev Log (70)
    • 기술 학습 (38)
      • JavaScript (12)
      • React (3)
      • ETC (2)
      • NextJS (8)
      • Apollo-Client (0)
      • GraphQL (6)
    • CS 학습 (6)
      • 네트워크 (1)
      • WEB (5)
    • 알고리즘 (15)
    • 개발 일기 (10)
Guestbook
Recent Posts
Recent Comments
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록next.js image (1)

현인

Next.js 튜토리얼 - 3장 폰트 및 이미지 최적화

이전 챕터에서는 Next.js 어플리케이션의 스타일링 방법에 대해 알아봤다. 이번 장에서는 커스텀 폰트와 hero image를 추가하는 방법에 대해 다뤄볼 예정이다.hero image란?웹사이트나 애플리케이션에서 가장 상단에 큰 배너 형식으로 배치되는 이미지. 보통 첫 화면에서 사용자가 가장 먼저 보게 되는 이미지로, 브랜드의 메시지나 핵심 내용을 시각적으로 전달하는 역할을 한다. - https://vwo.com/glossary/hero-image/3장에서 다룰 내용next/font를 활용한 커스텀 폰트 추가 방법next/image를 활용한 이미지 추가 방법Next.js에서 폰트와 이미지를 최적화하는 방법폰트는 왜 최적화 해야 할까?폰트는 웹사이트 디자인에서 중요한 역할을 한다. 하지만 커스텀 폰트를 활..

기술 학습/NextJS 2024. 11. 8. 18:51
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바