FrontEnd/Node.js

    [Node] Node 내장 객체, console, timer 객체

    Node 내장 객체 : 노드에서 자주 사용되는 객체로 미리 만들어져 있는 객체를 말함 1. 기본적인 객체 global - global은 브라우저의 window와 같은 전역 객체이다. - 따라서 모든 파일에서 접근 가능한 객체이고, global은 생략가능하다. - require, cosnole도 모두 global이 생략된 것이다. __filename - 현재 실행 중인 파일의 경로를 알려준다. - console.log(__filename) __dirname - 현재 실행 중인 폴더 경로를 알려준다. - console.log(__dirname) path - path 모듈은 파일 명을 얻거나 운영체제별 경로 구분자가 달라 생기는 문제를 쉽게 해결하기 위해 만들어졌다. - Windows: c:\Users\ano..

    [Node] 모듈(module)

    1. 모듈(module) - 연관된 코드들을 하나의 단위로 그룹화하여 관리하기 위한 개발 방법 - Javascript 객체 생성과 방법이 비슷하지만 객체는 내부에서 그대로 쓰는 것이 목적이라면 모듈은 그룹화를 시켜서 외부에서 재사용하는 것이 목적이라는 것에 차이점이 있다. 모듈 생성 // module.exports를 exp 변수에 넣는다. // 변수에 따로 넣는 이유는 밑에 처럼 새로운 값들을 추가하기 위해서 한다. // 하지만 상대적으로 한번에 그룹화하는 경우가 많다. const exp = module.exports = { add: function(a, b) { return a + b; }, sub: (a, b) => a - b } exp.mul = function(a, b) { return a * b..

    [Node] RestAPI, URI 고려사항, 응답 상태 코드

    1. RestAPI - Rest는 Represetational State Transfer이라는 용어의 약자로 웹의 장점을 최대한 활용할 수 있는 아키텍처로써 발표 - 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고받는 모든 것을 의미하며 자원의 표현과 상태(정보) 전달을 하는 것 - URI를 통해 자원을 명시하고, HTTP Method(GET, POST, DELETE, PUT...)를 통해 자원에 대한 행위(CRUD Operation)를 적용하고 자원을 JSON, XML, TEXT ... 들 여러 형태의 표현으로 나타내어 데이터를 주고 받는다 GET 해당 리소스를 조회(데이터를 가져오는 요청) POST 리소스를 조회하고 자세한 정보를 가져온다.(데이터 전달) PUT 해당 리소스를 ..

    [Node] FrontEnd & BackEnd 연동

    - FrontEnd는 React.js - BackEnd는 Node.js 먼저, 둘을 연동하기 위해서는 데이터를 주고 받기 위한 통신 라이브러리인 axios를 설치해야 한다. - npm install axios 그리고 FrontEnd(React.js) 쪽에 있는 package.json에 proxy를 추가해 줘야 한다. 이 proxy는 Front 쪽에서 axios로 요청하는 모든 것은 proxy에 적혀 있는 포트로 연결해서 요청하고 데이터를 가져온다. "proxy" : "http://localhost:8080" 이처럼 적혀 있다면 Front에서 3000포트로 연결하더라고 Back의 8080 포트에 접속하는 것이다. axios.get("주소").then(res => {}).catch(error => {}); ..

    [Node] Node.js 초기 설치, 설정, 용어, 동작

    1. npm init(package.json 설정) - 먼저, npm init을 터미널에 입력을 해 package.json을 설정한다. 2. express 설치 - npm install express -save 을 이용해 express 설치 3. 실제 사용할 server.js 작성 // node_modules의 express 패키지를 가져온다. var express = require("express"); // app이라는 변수에 express 함수의 값을 저장한다. var app = express(); // 환경변수(process.env.PORT)에서 port를 가져온다. 그러나 환경변수 값이 없으면 5050 포트를 지정한다. var port = app.listen(process.env.PORT || 5..

    [Node] BackEnd 개요 및 Node.js

    1. BackEnd ▷ BackEnd 란? - FrontEnd를 클라이언트라 하고 BackEnd를 서버라고도 함 - BackEnd는 웹 애플리케이션의 사용자가 보지 못하는 영역인 원격인 프로그램 및 데이터베이스를 관리하는 기술 - 일반적으로 BackEnd라고 하며 데이터베이스와 연동하여 동작하는 것을 말함 ▷ BackEnd 대표적인 개발 언어 Java - 대표적인 객체지향언어(OOP)로 가장 인기있는 서버 개발 언어 - 웹 개발 이외에도 모바일, 임베디드 등 다양한 분야에 사용 Python - 파이썬은 개발자들이 시스템을 효율적으로 통합하고, 빠르게 작업할 수 있게 해주는 프로그래밍 언어로 많은 사용자에게 선택받고 있는 추세 - 비교적 자연어와 유사하기 때문에 개발을 처음 접하는 사람도 용이하게 이용가능..