본문 바로가기

반응형

JavaScript

(13)
[Javascript] ES6 ~ ES11 정리 var, let, constvar : 재정의와 재선언 가능. 함수 레벨 스코프. 함수 내에 선언된 변수는 해당 함수 내에서만 유효. 함수 외부에서 선언한 변수는 모두 전역 변수.let : 가변변수, 재정의 가능, 재선언 불가능. 블록 레벨 스코프. const : 불변변수, 재정의와 재선언이 불가능하므로 선언과 동시에 정의해야함. 블록 레벨 스코프. 객체의 경우 할당된 주소값이 변경되는게 아니기 때문에 내용 변경이 가능. 객체(함수)나 배열 타입은 const 사용 추천. (함수는 객체 취급하기 때문에 함수 변수에 속성 추가가 가능함)기존 var 의 문제점으로 인해 let과 const 키워드를 사용하는 것을 권장1. var의 경우 유연한 사용이 가능하기 때문에 예기치 못한 값 반환2. 함수 레벨 스코프로 인..
Node.js - NPM에 대한 간략한 설명 NPM Node Package Manager(Module로도 쓰임) 의 줄임말로 Node.js의 패키지를 관리할 수 있는 도구이며, npm을 사용하여 패키지를 공유하는 온라인 패키지 저장소의 이름이기도 하다. 대표적인 모듈로는 Express.js, EJS, Mongoose 등이 있으며, npm을 대신해 yarn, pnpm 등을 사용하기도 한다. Node.js 설치시 자동으로 설치된다. cmd 창에서 간단한 명령어로 버전 확인과 업데이트가 가능하다. // 버전 확인하기 > npm --version > npm -v // npm이 구버전이라면 최신 버전으로 업데이트를 함 > sudo npm install npm -g 주로 NPM을 사용하여 간편하게 모듈 설치, 제거, 업데이트, 검색을 하는데 명령어는 아래와 ..
Node.js 시작해보기 들어가기에 앞서리액트나 뷰를 공부하기 위해 개발 환경을 세팅하려는데 잘 모르는 node.js를 설치하고 npm, nvm 등을 자꾸 언급하기에 먼저 Node.js를 간단하게 공부해보려고 한다.    Node.jsNode.js는 Chrome V8 Javascript 엔진으로 빌드된 JavaScript 런타임(Runtime)이라고 한다.(*런타임이란 프로그래밍 언어가 구동되는 환경을 말한다.)   위키나 여러 사이트에서 정의한 정보를 보면 여러 특징을 가지고 있다는 것을 알 수 있는데, 이를 간단하게 나열하자면 아래와 같다.(각 사이트마다 서술하고 있는 내용이 조금씩 상이하여 공통적으로 서술하고 있는바를 정리하였다.) ▶ 자바스크립트로 만들어진, 자바스크립트 언어(vue.js, React.js 등)로 만들어진..
IIFE - 즉시 호출 함수 표현식 IIFE : 즉시 호출 함수 표현식 (Immediately Invoked Function Expressions) 단어 뜻 그대로 익명 함수를 만들고, 그 함수를 즉시 호출해 사용하는 방식. (*Iffy 라고 발음한다고 한다.) 익명 함수는 참조할 방법이 없기 때문에 다시 호출할 수 없어 IIFE를 활용하면 개발자의 의도와 달리 다른 코드에서 함수가 호출 되어 재사용 되는 것을 방지할 수 있다. 따라서 IIFE는 외부 코드로부터 사용되지 않고, 단 한번 호출되는 함수에 사용하면 좋다. IIFE 안에서 생성된 변수와 함수의 이름은 전역 Scope와 충돌하지 않아 전역 Scope 오염을 방지하고, 더 나아가 클로저에서 값의 중복 현상을 해결할 방법이 되기도 한다. 함수를 정의하고 바로 사용하기 때문에 사용될지..

반응형