Frontend

JavaScript Immutability

다른 언어와 마찬가지로, 자바스크립트에도 불변성(Immutability)라는 것이 존재한다. 불변성은 함수형 프로그래밍을 만드는 기초적이면서도 핵심적인 원리이며, 불변성을 통해 의도하지 않았던 side effect를 줄일 수 있다. 이름에 대한 불변함 // 기존 코드 var a = 1; console.log(a); // 1 위와 같은 코드가 있다고 가정해보자. 실제로 일을 할 때는 여러 사람이 하나의 파일에서 작업을 할 가능성이 굉장히 많다. // 누군가의 손을 거친 코드 var a = 1; ... // 무수히 많은 코드 a = 2; console.log(a); // 2 중간에 누군가 a에 2를 할당함으로써 원래 a라는 변수를 선언한 사람의 의도와는 다른 값이 출력되고 있다. 이를 방지하기 위해 JS에서..

Next.js에서 dotenv 사용하기

서버 주소, API key 등과 같은 중요한 정보는 드러내지 않는 것이 가장 중요하다. 그럴 때 사용하는 것이 환경변수 파일(dotenv, .env)이다. Next.js에서 dotenv를 사용하기 위해서는 dotenv-webpack 라이브러리를 설치하면 된다. $ npm i dotenv-webpack 이후 next.config.js 파일에서 dotenv를 webpack에 연결해주면 된다. // next.config.js const Dotenv = require("dotenv-webpack"); const nextConfig = { ..., webpack: (config) => { config.plugins.push(new Dotenv({ silent: true })); return config; }, }..