오늘한 일
- 세붕이 웹사이트 프로젝트를 진행하였다
- 알고리즘 문제를 풀었다
- 블로그 TIL을 작성하였다
- 1일 1커밋을 하였다
느낌 점
next.js를 다룬 적도 없으며 html, css, js 조차 제대로 할 줄 모르지만 역시 유튜브에 있는 강의들과 인터넷 블로그들만 있으면 프로젝트를 어찌저찌 할 수 있다는 걸 오늘도 몸으로 체험하니 놀랍다
배운 점
next.js 이미지 넣는 법
next.js에서 이미지를 넣는 방법으로는 여러 가지가 있겠지만 나는 그 중에서
1
2
3
4
import Image from 'next/image'
import logo from '/public/logo2.png'
<Image src={logo} alt="logo" width={60} height={60}/>
이런 식으로 Image를 import 한 후 사용하였다
next.js 이미지 오류
처음에 next.js에 이미지를 넣을 때 이미지 주소를 웹에서 가져와서 넣었다가 오류가 났다 그래서 해결 방법을 찾다가
1
2
3
4
5
6
module.exports = {
reactStrictMode: true,
images: {
domains: ['주소']
}
}
해당 코드를 추가해서 해결했다 해결 방법 출처
내일 계획
세붕이 웹 사이트 프로젝트를 진행해야겠다