넥스트제이에스
-
[Next.js] MongoDB의 Error: querySrv ENODATA 해결하기IT Study/FE 2023. 7. 3. 15:23
Next.js를 공부하며 데이터베이스로 사용하던 MongoDB에 다음과 같은 에러가 발생했습니다. 'Error: querySrv ENODATA _mongodb._tcp.cluster.mrbwkwq.mongodb.net' 오류는 MongoDB 클라이언트가 서버 주소를 찾기 위해 DNS 서버를 사용하며 발생할 수 있다는 것을 알게 되었습니다. 평소 공부를 하던 장소가 아닌 카페(스타벅스)에서 접속했을 때 에러가 발생하여, 다음과 같은 단계로 해결하였습니다. DNS 서버 확인하기 MongoDB 클라이언트는 MongoDB 서버의 주소를 찾기 위해 *DNS 서버를 사용합니다. MacOS를 기준으로 사용 중인 DNS 서버를 확인하고 변경하기 위해서는 아래와 같은 단계를 따를 수 있습니다. *DNS: 인터넷에서 도메..
-
[Next.js/코딩애플] React에서 Next.js로의 라우팅 변화 (feat. Dynamic Route)IT Study/FE 2023. 6. 30. 19:09
프론트엔드 개발에 있어 React는 가장 중요한 도구 중 하나입니다. 그러나 React는 라우팅 기능을 기본적으로 제공하지 않기 때문에, 개발자들은 라우팅을 위해 'react-router-dom'과 같은 별도 라이브러리를 별도로 사용해 왔습니다. 1. React의 라우팅 React Router는 널리 사용되는 React의 라우팅 라이브러리로, 사용자가 URL을 통해 어플리케이션 내 이동할 수 있도록 돕습니다. React에서는 아래와 같이 라우팅을 설정할 수 있습니다. import { BrowserRouter as Router, Route } from 'react-router-dom'; import Home from './Home'; import About from './About'; 위 예시에서는 Rou..