(이전에 다른 블로그 플랫폼에서 작성한 내용을 재작성)1. 배경 상황최근 쿠버네티스 한글화 프로젝트를 비롯한 오픈소스 프로젝트에 기여를 진행하고 있는데, 필요할 때 매번 관련 명령어를 찾기 귀찮아서(?) 블로그에 기록해놓으려고 한다.  2. upstream이란?쿠버네티스 공식문서와 같은 오픈소스 프로젝트의 경우에는 작업자가 로컬에서 바로 원본 저장소로 코드를 push하는 형태가 아니라 개인 원격 저장소(ex. 깃허브)에 fork(소스코드를 복사하는 개념과 유사하다고 생각하면 된다) 한다. 그리고 로컬에서 작업한 내용을 먼저 개인 원격 저장소에 push한 뒤, 원본 저장소에 pull request(repository 측에서 내 수정사항을 당겨받아(pull)달라는 요청)를 올려 관리자의 승인을 받아 반영을 ..

배경 상황주말에 스타벅스에서 Next.js 공부 좀 하려고 만들던 코드를 실행했더니 갑자기 아래와 같은 에러가 발생했다. 찾아보니 MongoDB쪽 문제라고 해서 항상 그랬던 것처럼 Network Access에 IP 등록 안해서 그렇겠지 하고 등록했는데도 여전히 에러가 발생했다.⨯ Internal error: Error: querySrv ENODATA _mongodb._tcp.cluster0.e7vah.mongodb.net at QueryReqWrap.onresolve [as oncomplete] (node:internal/dns/promises:293:17) at QueryReqWrap.callbackTrampoline (node:internal/async_hooks:130:17)digest:..

1. 배경상황Next.js 프로젝트에서 다음과 같이 DB를 연결하는 코드를 작성했는데,import { MongoClient } from "mongodb";const url = 'mongodb+srv://'const options = { useNewUrlParser: true,}let connectDB;if (process.env.NODE_ENV === 'development') { if (!global._mongo) { global._mongo = new MongoClient(url, options).connect() } connectDB = global._mongo} else { connectDB = new MongoClient(url, options).connect()}  코드가 동작은..

작년부터 자바스크립트를 조금씩 배워보고있는데 요즘 많이들 쓴다는 Next.js도 한번 배워놓아보려고 한다. Next.js는 React 기반이라 React에서 활용하던 문법을 사용할 수 있고, 풀스택 프레임워크라 프론트엔드와 백엔드를 하나의 프레임워크를 사용해서 짤 수 있는게 장점이다. 그리고 SSR(어디서 보기로는 CSR으로도 구현할 수 있다고 듣긴했는데 대부분 SSR로 활용하는 듯 하다)이기 때문에 초기 로딩 속도나 검색 노출(SEO 최적화)에 있어서 유리한 부분들이 있어 지금 회사에서도 FE의 프레임워크는 Next.js 기반으로 가져가려고 하는 듯 하다.  각설하고 Next.js를 사용하기 위한 설치 과정과 개발환경 세팅 방법을 간단하게 정리해두려고 한다. 1. Next.js 설치 방법Next.js를..