Enjoy Programming

middleware에 대해서 알아보자 미들웨어란 간단하게 말하면 클라이언트(유저)에게 요청이 오고 그 요청을 보내기 위해 응답하려는 중간에 목적에 맞게 처리를 하는 말하자면 거쳐가는 함수들이라고 보면된다. 미들웨어 함수에 대한 엑세스는 next함수를 이용해 다음 미들웨어로 현재 요청을 넘길 수 있다. 순차적으로 처리하는 것이다. 순서가 매우 중요하다!! 어디에 두고 쓰느냐! 이다. 미들웨어 함수 betweenHome을 만들어 줬다. 매개변수에는 req객체와 res객체 next(다음으로 엑세스할 함수) 그런 다음 라우트에 두개의 함수를 집어 넣어준다. root에 접속하게 되면 handelHome함수를 실행하기전에 betweenHome 미들웨어 함수를 실행 하게 된다. 그럼 콘솔창에 between이 찍히고 ..

이번엔 최신의 자바스크립트 코드를 노멀한 자바스크립트로 변환 시켜줄 Babel을 설치해보자 Babel이란 무엇인가 공식 사이트 소개에는 babel is a javascript compiler 자바스크립트 컴파일러란다. 인터프리터 언어인 자바스크립트로 babel은 결과물을 만들어주는 컴파일러이다 입력은 자바스크립트 코드이고 출력도 자바스크립트 코드이다. 최신 버전의 자바스크립트 코드는 브라우저가 잘 이해하지 못하는 경우가 있기에 babel은 브라우저가 이해할 수 있도록 문법을 변환 해준다. es6, es7등등 최신 문법을 사용 가능하도록 해주는 컴파일러다. ----------------------------------------------------------- es6에는 새로운 문법이 많다. arrow ..

1. 변수 (variable) 프로그래밍을 공부하면 가장 중요한게 변수이다. variable이란 메모리상에 value를 저장하고 그 저장된 value를 참조하기 위해 사용한다. memory address에 접근하기 위해 사람이 이해 할 수 있는 언어로 지정한 identifier(식별자) javascript에서는 변수를 선언할때 const, let, var를 사용한다. (var는 점점 쓰지 않는 추세이다. 2. value 값을 정의 하기에 앞서 용어 두개를 더 정리하자 변수는 이미 알고 있으니 data type: 프로그래밍 언어에서 사용할 수 있는 값의 type literal : 소스코드 안에서 직접 만들어 낸 상수 값 자체를 말하며 값을 구성하는 최소 단위 여기에 value는 프로그램에 의해 조작될 수 ..

대부분 프로그래밍 언어는 OS에서 실행 되지만 웹어플리케이션의 자바스크립트는 브라우저에서 html, css와 함께 실행된다. 브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹페이지를 서버에 request하고 server의 response를 받아 브라우저에 표시하는 것이다. 브라우저는 서버로부터 html, css ,javascript, image file등을 response받는다. html, css 파일은 렌더링 엔진의 html parser와 css parser에 의해 parsing되어 DOM, CSSOM tree로 transform되고 render tree로 combine된다. 이렇게 생성된 render tree를 기반으로 브라우저는 웹페이지를 표시한다. 자바스크립트는 렌더링 엔진ㄴ이 아닌 자바스크립트..

자 cocoatalk을 클론코딩하며 한번 다룬적이 있는 GET/POST방식을 한번 더 되짚어 보자. 기본적으로 우리가 브라우저에 접근하여 페이지를 로딩하면 GET방식을 통하여 로딩된다. 그리고 로그인하게 되면 POST방식을 통해 브라우저가 웹사이트에 정보를 전달하게 된다. GET request로는 정보를 전달 할 수 없다. POST로 해야한다. 예를 들어 댓글을 달게 되면 정보를 서버에 전달하기 위해 POST request를 만들어 낸다. 그럼 서버는 실행을 하게 되는데 이는 저장이 아니라 그저 http에 적합한 method를 이용하기 위함이다. http request method는 여러가지가 있는데 mdn에서 확인 해보자 developer.mozilla.org/ko/docs/Web/HTTP/Method..

작업공간에서 git init을 통해 repository를 생성했으니 이제 git-hub으로 가보자. 깃헙에서 레포지토리를 만든다. 그리고 레포지토리를 연동함에 앞서 gitignore를 해주자. node_modules에 많은 모듈들이 다운되어 변경된 내용이 많아 git이 이모든 것을 처리 하려고 하기 때문이다 너무 무거우니 코드만 업로드 할 수 있도록 하자 gitignore파일에 node_modules를 적어주면 커넥션이 끊긴다. 또는 구글에 gitignore nodejs를 치면 모든 종류의 파일을 포함한 node.js에 표준화된 gitignore 샘플이 있다 찾아서 복붙해주자. github.com/github/gitignore/blob/master/Node.gitignore github/gitignore..