본문 바로가기

반응형

JavaScript

(12)
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.js Node.js는 Chrome V8 Javascript 엔진으로 빌드된 JavaScript 런타임(Runtime)이라고 한다. (*런타임이란 프로그래밍 언어가 구동되는 환경을 말한다.) 위키나 여러 사이트에서 정의한 정보를 보면 여러 특징을 가지고 있다는 것을 알 수 있는데, 이를 간단하게 나열하자면 아래와 같다. (각 사이트마다 서술하고 있는 내용이 조금씩 상이하여 공통적으로 서술하고 있는바를 정리하였다.) ▶ 자바스크립트로 만들어진, 자바스크립트 언어로 만들어진 프로그램 실행 환경 ▶ 자바스크립트 ..
IIFE - 즉시 호출 함수 표현식 IIFE : 즉시 호출 함수 표현식 (Immediately Invoked Function Expressions) 단어 뜻 그대로 익명 함수를 만들고, 그 함수를 즉시 호출해 사용하는 방식. (*Iffy 라고 발음한다고 한다.) 익명 함수는 참조할 방법이 없기 때문에 다시 호출할 수 없어 IIFE를 활용하면 개발자의 의도와 달리 다른 코드에서 함수가 호출 되어 재사용 되는 것을 방지할 수 있다. 따라서 IIFE는 외부 코드로부터 사용되지 않고, 단 한번 호출되는 함수에 사용하면 좋다. IIFE 안에서 생성된 변수와 함수의 이름은 전역 Scope와 충돌하지 않아 전역 Scope 오염을 방지하고, 더 나아가 클로저에서 값의 중복 현상을 해결할 방법이 되기도 한다. 함수를 정의하고 바로 사용하기 때문에 사용될지..
[Do it! Vue.js 입문] 08. 뷰 HTTP 통신 - 뷰 리소스, 액시오스 (Vue Resource, Axios) HTTP(HyperText Transfer Protocol) 브라우저와 서버 간에 데이터를 주고 받는 통신 프로토콜(Protocol:컴퓨터나 단말기 간에 통신하기 위해 상호간에 정의한 규칙) HTTP 통신 브라우저에 특정 데이터를 보내달라고 요청(request)을 보내면, 응답(response)으로 해당 데이터를 보내주는 방식으로 동작. (HTTP 요청을 보냄 = 데이터를 보내달라는 요청이라고 보면 됨. 요즘 웹 앱에서 서버에 데이터를 요청하는 HTTP 통신은 필수로 구현해야 하는 기능.) => 대표적인 사례로는 jQuery의 ajax가 있음. ajax는 서버에서 받아온 데이터를 표시할 때 화면 전체를 갱신하지 않고 화면의 일부분만 변경할 수 있게 하는 자바 스크립트 기법이다. 사용자와의 상호 작용에 따..

반응형