Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
Tags
- react.js
- React component
- Component
- node 특징
- MVC패턴
- react props
- javascript
- webpack
- props 개념
- react
- node express 라우팅
- react hook의 종류
- react webpack 설치
- ES6
- JSON
- 객체 리터럴
- prop-types
- javascript 객체리터럴
- react xcode 에러
- 화살표함수
- react hook
- next.js
- class vs hooks
- react refresh 설치
- react class hook 비교
- node.js
- 클래스형과 함수형 컴포넌트
Archives
- Today
- Total
목록next.js (1)
림찌의 개발일기 💻
[next.js] 로컬 image 를 불러오는 여러가지 방법
react 에서 next.js 를 사용해서 포트폴리오를 제작중인데....로컬 이미지를 가져오는데서 막혔다. next.js 에서 로컬 이미지를 어떻게 가져오는지를 알아보자... --- 우선 next.config.js 파일을 추가한다. const withImages = require('next-images'); module.exports = withImages(); next.config.js 파일을 가장 최상위 루트에 생성하여 다음과 같은 코드를 추가한다. next-images를 install 해주지 않았다면, 우선 설치하자~ 이걸 추가하면 이제 로컬에서 이미지 파일을 import로 불러올 수도 있고, require 로 불러올 수도 있다. - import 로 불러오기 import ExImage from '...
React/next.js
2021. 9. 19. 04:03