Next.js

요즘 프론트엔드 채용공고를 보면 Next.js를 공부한 지원자들을 우대하는 회사들을 많이 볼 수 있습니다.Next.js는 항상 공부해야지 하다가.. 원티드 인턴십, 취업준비로 새로운 기술에 대한 공부를 미루게 되었는데 오늘부터 조금씩 공부해보려고 합니다!client-s

최적화된 이미지 넣는 법 ** 태그 사용하면 자동으로 이미지 lazy loading & 사이즈 최적화 & layout shift 방지를 해줍니다. import Image from "next/image" 상단에서 태그를 import 해온 뒤에 이미지 보여주길 원하는 곳

Next.js에서 MongoDB를 사용해서 프로젝트를 진행해봅시다! 다음엔 SQL방식으로 백엔드를 맛볼 수 있기를SQL 방식데이터들을 엑셀과 비슷한 표에 정리해두는 방식NoSQL 방식서류 봉투(collection)에 document를 모아두는 방식MongoDB 사용ht

🫠 Dynamic route 폴더 하나로 수많은 URL을 만들어낼 수 있습니다. dynamic route 만드는 법 폴더이름을 [폴더이름] 이렇게 만들면 '이 부분에 아무거나 입력했을 때' 라는 뜻이 됩니다. MongoDB에서 게시물 하나만 찾아서 가져오고 싶다면? findOne()안에 object 자료를 넣으면 그 내용이 포함된 document ...