FE BE 개발 메모장/Node.js, API
NPM과 NVM 그리고 NPX
NVM: Node Version Manager 말 그대로 Node의 버전을 관리하는데, 여러 버전의 Node.js를 설치하고 사용할 버전을 쉽게 전환할 수 있다. NVM을 통해서도 Node.js 설치가 가능하다. 리눅스를 사용한다면 다음과 같은 명령어를 입력한다. curl curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash wget wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bash nvm을 바로 사용하기 위해서는 재부팅을 해줘야 하는데 source 명령어를 입력해 .bashrc 파일을 바로 적용되도록 한다. bash: s..
CORS (Cross Origin Resource Sharing) 적용 방법
CORS란? Cross Origin Resource Sharing의 약자로 A도메인에서 B 도메인으로 리소스가 요청되는 경우를 말하는데, http 프로토콜로 요청이 될 경우 브라우저 자체에서 보안 상 CORS를 제한하게 되는 현상을 말한다. AWS s3같은 경우는 권한 부분에 CORS 설정 하는 부분이 존재한다. http://www.example1.com GET PUT POST DELETE * Node.js Express를 사용한다면 npm에서 cors를 찾아 설치한 후 미들웨어로 사용하면된다. npm install cors 1. 전체 적용 광범위하게 적용하여 모든 요청시 CORS를 적용한다. let express = require('express') let cors = require('cors') le..
Express API
JavaScript 생태계에서, 인기있는 프레임 워크의 앞글자를 따서 MERN Stack으로 흔히들 부른다.(MongoDB, Express, React, Node) 여기서 Express.js는 Node.js환경에서 웹 어플리케이션 혹은 API를 제작하기 위해 사용되는 인기있는 프레임워크이다. expressjs.com/ko/ 공식 API홈페에지에선 이렇게 소개된다. 1. 웹 및 모바일 애플리케이션을 위한 강력한 기능을 제공하는 간결하고 유연한 Node.js 웹 애플리케이션 프레임워크. 2. HTTP유틸리티 메소드, 미들웨어를 통한 쉽고 빠르게 강력한 API 작성가능. 3. 많음 프레임워크들의 기반. 시작하기 Node.js가 설치되었다는 가정 하에 터미널에서 다음과 같이 입력한다 npm install exp..
Node.js 에 대해 자세히 알아보자
Node.js를 처음에 맛보기로만 배웠을 때 단순히 백엔드 개발자에만 맞춰진 런타임이라고 생각했었다. 그러나 Node.js란? 이라는 글을 보고 생각이 조금 바뀌게되었다. 그래서 우선 가장 기본적인 내용만 정리해보려고 한다. Node.js란 무엇일까? Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임이다. 단순히 이렇게 해석해서는 잘 이해가 되지 않는다. 여기서 런타임이란 프로그래밍 언어가 구동되는 환경을 말하는데, Node.js가 나오기전 까진 크롬, 파이어폭스 같은 브라우저(browser)에서만 동작했다. 그러한 한계를 극복하고 탄생한 것이 바로 Node.js이다. 브라우저 외부 즉 컴퓨터 로컬 내에서도 다양한 용도로 확장하기 위한 JavaScript R..
fetch API
fetch API AJAX란 무엇일까? AJAX는 (Asynchronous Javascript And XML, 비동기적 자바스크립트와 XML)의 약자로 XMLHttpRequest(XHR)과 Javascript와 DOM을 이용하여 서버에서 추가 정보를 비동기적으로 가져올 수 있게 해주는 포괄적인 기술을 나타내는 용어다. 하지만 만들어진지 오래되었고 jQuery와 보다 쓰기 쉬운 표준 API가 등장했다. 별도의 라이브러리 대신 최신 브라우저에서 모두 내장되어있는 함수이며 사용이 쉽고 Promise 값을 반환하는 fetch API이다. fetch API는 다양한 주문 전송, 사용자 정보 읽기, 서버에서 최신 변경분 가져오기 등등 다양한 일을 페이지 새로고침 없이 수행한다. fetch 사용법 fetch() 함수..