SW

0. GraphQL이란? Graph QL(이하 gql)은 Structed Query Language(이하 sql)와 마찬가지로 쿼리 언어이다. 하지만 gql과 sql의 언어적 구조 차이는 매우 크다. 또한 gql과 sql이 실전에서 쓰이는 방식의 차이도 매우 크다. gql과 sql의 언어적 구조 차이가 활용 측면에서의 차이를 가져왔다. sql은 데이터베이스 시스템에 저장된 데이터를 효율적으로 가져오는 것이 목적이고, gql은 웹 클라이언트가 데이터를 서버로 부터 효율적으로 가져오는 것이 목적이다. sql의 문장(statement)은 주로 백앤드 시스템에서 작성하고 호출 하는 반면, gql의 문장은 주로 클라이언트 시스템에서 작성하고 호출 한다. GraphQL은 Backend개발을 쉽게 만들어 준다. Pr..

0. body-parser Express는 자신의 주요 기능을 두가지로 얘기하곤 하는데 그 두가지는 라우트, 미들웨어이다. 다른 사람이 만든 소프트웨어를 미들웨어라고 생각할 수 있다. 미들웨어 중 body-parser라는 미들웨어를 사용해보겠다. post방식으로 데이터를 받는 경우 body-parser를 이용해 간단하게 구현할 수 있다. 1. compression 만약 내용이 매우 많아진다면 다음과 같이 용량이 커진다. 많은 사람들이 접속하면 과부화가 일어날 수 있다. 압축을 통해 해결해본다. Size가 많이 줄어든것을 볼 수 있다. 2. 미들웨어 만들기 미들웨어를 직접 만들어서 사용하는 방법도 있다. 여기서는 다음과 같이 만들 수 있다. '*'은 모든 경우에 적용을 한다는 의미이고 next는 다음으로 ..

0. Express 사용 /page/:pageId 를 사용하여 query string을 사용하지 않아도 되도록 구현하였다. 링크 부분의 url을 query string을 시용하지 않도록 바꿔주었다. end 대신 send 사용이 가능하다. 1. CREATE express에서는 post방식으로 데이터를 받을 때 app.post와 같은 방식을 사용한다. response.end 대신 response.send 를 사용할 수 있다. redirect도 아래 방식과 같이 바꿔 쓸 수 있다. 2. UPDATE app.get에서 url형식을 /:pageId 로 바꿔서 사용하였다. request.param.pageId 로 url의 일부를 가져올 수 있다. end 대신 send 사용이 가능하다. post형식으로 받기때문에 a..

0. Express란? http모듈만 사용해서 웹 서버를 구성할 때는 많은 것들을 직접 만들어야 한다. 하지만 직접 만들어야 하는 코드가 많다면 시간과 노력도 많이 든다는 문제가 생긴다. 이 문제를 해결하기 위해 만들어진 것이 익스프레스(Express)이다. express 모듈을 사용하면 간단한 코드로 웹 서버의 기능을 구현할 수 있다. 특히 익스프레스에서 제공하는 미들웨어와 라우터를 사용하면 만들어야 하는 각각의 기능을 훨씬 편리하게 구성할 수 있다. 1. Express 웹 서버 만들기 https://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save e..

0. API Application Programming Interface 이전까지 만들었던 것은 Node.js가 가지고있는 기능들을 호출함으로써 동작하게 된다. 예를 들어, fs.readFile을 보자. 이 함수는 node.js를 만든 개발자들이 만든 것이다. 우리는 이 함수가 어떤 원리로 동작하는지 모른다. node.js를 만든 개발자들은 node.js를 이용하는 개발자들에게 사용설명서를 이용해 사용하라고 한다. 두 개발자 사이의 약속이 interface이다. 이렇게 application을 만들기 위해 제공되는 interface를 Application Programming Interface 즉, api 라고 한다. 1. CreateServer API : http.createServer([requestL..

0. 입력정보에 대한 보안 만약 id, password를 이용해서 접속을 하려고 한다. 그럴때 id, password가 페이지 소스에서 보여지면 안된다. 그것을 막기 위해 다음과 같이 처리한다. 1. 출력에 대한 보안 만일 alert나 와 같은 것을 description에 넣으면 경고창이 뜨거나 튕긴다. 그것을 보안하기 위해서 이런식으로 수동으로 바꿔 줄 수 있다. 그러나 수동으로만 해결할 수는 없는 일이다. 그래서 다음 명령어로 sanitize-html을 설치한다. 와 같은 것을 걸러준다. 또한 허용되는 태그를 가지고 싶다면 allowedTags 옵션을 주어서 제외시키면 된다. 다음과 같이 사용한다.

0. 객체의 형식 배열과 객체 모두 정리정돈 하는 도구이다. 배열은 각각의 원소들은 순서가 있고 키값이 숫자이다. 객체는 각각의 원소들이 순서가 없고 키값이 숫자가 아니어도 된다. 1. Refactoring 앞에서 짠 코드를 객체를 이용해서 Refactoring해보면 다음과 같다. 다른 부분의 코드도 이 객체에 따라 수정해야한다. 2. Module 객체가 많아지면 모듈로 정리한다. exports와 require를 이용한다. 3. 모듈 활용 모듈을 활용하여 코드를 고치면 다음과 같다. 또한 template.js 에서 보듯 변수를 사용하지 않고 module.exports를 바로 이용할 수 있다.

0. 동기 & 비동기 동기(Synchronous) : 일이 처리되면서 그 일이 오랫동안 처리되야 되는 경우에도 기다렸다가 그 다음 일을 처리하는 것이 동기적으로 일을 처리하는 것이다. 비동기(Asynchronous) : 병렬적으로 동시에 여러가지 일을 처리하는 것이 비동기적으로 일을 처리하는 것이다. nodejs는 비동기적 처리를 위한 많은 기능을 가지고 있다. 효율적이지만 복잡하다. 동기적인 방식은 다음과 같다. sample.txt에는 'B'가 적혀있다. 실행결과 ABC가 출력된다. 다음은 비동기적인 방식이다. 실행결과 ACB가 출력된다. 1. callback함수 이름이 없는 함수를 익명함수라고 한다. 2. Package Manager PM2 와 같은 프로그램이 있다. 우리가 node를 실행했을 때 파..

0. URL http://opentutorials.org:3000/main?id=HTML&page=12 http -> protocol opentutorials.org -> host(domain)(인터넷에 접속되어 있는 각각의 컴퓨터를 host라고 한다.) 3000 -> port(한 대의 컴퓨터에 여러 대의 서버가 있을 수 있다. 그러면 클라이언트가 접속했을 때 어떤 서버와 연결할지 애매하다. 그래서 port를 설정해준다. main -> path id=HTML&page=12 -> query string(웹서버에 데이터를 전달할 수 있다. 시작은 ?로 함. 값과 값은 &로 구분한다. 1. 동적인 웹페이지 만들기 http://localhost/?id=HTML 에서 id=HTML을 query string이라고 ..

0. 간단한 웹 서버 만들기 노드에 기본으로 들어 있는 http 모듈을 사용하면 웹 서버 기능을 담당하는 서버 객체를 만들 수 있다. http모듈을 require()메소드로 불러온다. http객체의 createServer()메소드를 호출하면 서버 객체가 반환된다. 이 서버 객체의 listen() 메소드를 호출하면 웹서버가 시작된다. 서버를 시작할 때는 포트를 3000번으로 지정하여 해당 포트에서 클라이언트의 요청을 대기한다. listen() 메소드를 호출할 때 전달하는 두 번째 파라미터는 콜백 함수로, 웹 서버가 시작되면 호출된다. listen(port[, hostname][, backlog][, callback]) -> 서버를 실행하여 대기시킨다. close([callback]) -> 서버를 종료한다...