본문 바로가기 메뉴 바로가기

I'm a Fig, Not a Pig

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

I'm a Fig, Not a Pig

검색하기 폼
  • 분류 전체보기 (219)
    • Language (59)
      • JavaScript (59)
      • Python (0)
    • Client (55)
      • HTML (3)
      • CSS (11)
      • React.js (25)
      • TypeScript (8)
      • Next.js (8)
      • React Native (0)
    • Backend (4)
      • AWS (0)
    • Git&Github (17)
    • 코드잇 스프린트 (40)
      • Weekly paper (10)
      • Daily Quiz (30)
    • Toy Project (12)
      • Time to focus (12)
      • Chrome Extension (0)
    • Error (1)
    • Linux (0)
    • CS (14)
      • Computational Thinking (3)
      • C (5)
      • 네트워크 (1)
      • 운영체제 (1)
      • 리눅스 (0)
      • 컴퓨터구조 (2)
    • Online courses (4)
      • The Complete JS Course 2023 (1)
      • Coding apple (3)
    • Tips (2)
      • 보안 (2)
      • IT 상식 (5)
      • 취업 (0)
    • Daily (3)
      • 서평 (1)
      • 회고 (1)
      • 개발일지(Fig Notes) (0)
    • Design (0)
  • 방명록

2024/06/05 (1)
[Next.js] 외부 이미지 사이즈 지정하기

외부 이미지를 불러오는 경우, 정확한 width와 height 값을 알 수 없을 때, Image의 fill 속성을 이용하면 된다.fill={true} // {true} | {false}   해당 이미지의 사이즈는 부모 사이즈로 결정되며, 아래와 같이 사용할 수 있다.import Image from "next/image";export default function Home() { return ( Hello world! example image );}   추가로 외부링크를 소스로 넣을 때 외부 링크를 사용할 수 없다는 에러메세지를 볼 수 있다.이것은 보안을 위해 허용된 도메인만 접근할 수 있게 막아둔 것 이며 next.config.js..

Client/Next.js 2024. 6. 5. 09:00
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • CSS
  • 프론트엔드
  • 동기
  • 비제어 컴포넌트
  • 비동기
  • Target
  • 배열
  • 객체
  • map
  • currentTarget
  • hydrationboundary
  • 유사배열객체
  • GitHub
  • 스프린트프론트엔드6기
  • Next.js
  • js
  • 코드잇스프린트
  • javascript
  • html
  • 리액트
  • 코드잇 스프린트
  • tanstackquery
  • 제어 컴포넌트
  • 중급 프로젝트
  • rest parameter
  • react
  • arguments
  • 취업까지달린다
  • Git
  • innerhtml
more
«   2024/06   »
일 월 화 수 목 금 토
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바