Nodejs

간단한 웹 앱 만들기 이번 시간에는 js를 통해 간단한 웹 어플리케이션을 만들어보았다. 에디터는 강사님과 똑같은 atom을 사용했다. (개인적으로 깔끔한 인터페이스와 폰트 때문에 나도 좋아하는편)먼저 nodejs 공식 홈페이지에 들어가보자. about tab을 눌러보면

module module을 인터넷 사전에 검색해보면 "특정 기능을 하는 컴퓨터 시스템이나 프로그램의 단위" 라고 정의되어 있다. 어렸을 때, 나는 레고를 무척 좋아했다. (물론 지금도 좋아하지만 너무 비싸져서 엄두도 못내는중ㅠㅠ) 특히 제품 하나를 사서 손수 조립해

NPM NPM은 Node Package Manager의 약어이다. 앞서서 지난 시간에 학습한 모듈을 다시 한번 상기시켜보자. 우리가 사용해보았던 HTTP, OS 와 같은 모듈은 Nodejs가 제공하는 모듈이었다. 이에 반해 Date, String, Array와 같은

저번 포스팅에서 NPM을 통해 독립적으로 실행가능한 소프트웨어를 설치해보았으니 이제 소프트웨어의 부품으로 작동할 수 있는 모듈을 설치해보자. 우리는 underscore 모듈을 예로 들어볼 것이다. NPM 공식사이트에서 "underscore" 라고 검색한 후, Pack

Synchronous vs Asynchronous 데이터 처리방식에는 동기와 비동기가 있다. 이름만 들었을 때는 어떻게 일을 처리한다는 것인지 확 와닿지는 않는다. 강의와 여러가지 블로그 자료를 토대로 공부하며 크게 어렵지 않은 개념이라는 것을 알게 되었다. 먼저,

지난 번 포스팅에서 nodejs 공식 홈페이지의 about tab에 있는 코드를 이용해서 서버를 생성하고 hostname과 port 번호를 주소창에 입력하면 "Hello world"가 출력되는 간단한 웹 애플리케이션을 만들어 본적이 있다. (Nodejs - 간단한 웹

지난 포스팅에서 express를 설치해보았다. 그렇다면 이제 express를 이용해서 간단한 웹 앱을 만들어보자.

정적 vs 동적 웹 프로그래밍 웹 어플리케이션을 제작할 때, 정적으로 혹은 동적으로 코드를 구성해서 서비스를 제공할 수 있다. 정적은 통상적으로 Static으로 표현하며 말 그대로 이미지나 css 혹은 javascript 파일 등의 컨텐츠를 그대로 전달해주는 것이라고

Template Engine 지난 시간에 정적으로 웹을 구성하기도 하고 동적으로 웹을 구성하기도 하면서 각각의 차이점과 장단점에 대해서 알게 되었다. 그렇다면 각 방법의 장점만을 취해서 이용하는 방식이 있다면 참 편리할 것 같다는 생각이 든다. 그 역할을 해주는 것이

pug의 문법express의 템플릿엔진으로 사용되는 pug(구: jade)의 사용법을 학습하면서 pug를 어떻게 써야하는지에 대한 것. 즉, 문법을 공부할 필요성을 느꼈다. pug를 사용하게 되면 html 문서를 상당히 축약해서 작성할 수 있어서 코드가 간결해지고 생산

어플리케이션. 즉, 우리가 앱이라고 했을 때, 사용자는 앱이 항상 똑같은 내용만을 출력하는 것을 원하지 않을 것이다. 사용자의 입력(조작)에 따라 다른 내용을 출력해주는 기능을 담고 있어야 진정한 의미의 앱이라고 할 수 있다. 우리는 그중에서도 웹을 다루는 어플리케이션

지난 포스팅에서 쿼리 스트링에 대해 학습했다. id에 해당하는 값을 다르게 바꾸면서 다른 웹페이지 내용을 출력할 수 있게끔 해주는 것이 쿼리 스트링의 주된 골자였다.그런데, 만약 우리가 어떤 사이트에 접속한다고 했을 때, 주소창의 쿼리스트링을 변경해가면서 접속하지는 않

시멘틱 URL지난 시간에 쿼리 스트링으로 웹 페이지를 구성하는 방법에 대해 학습했다. 일반적으로 웹을 구성하는 방식이므로 쿼리 스트링을 사용하는 것이 가장 기본이다. 그런데 쿼리스트링을 사용하면 뒤에 꼬리(?)가 지저분하게 붙는 경우가 많다. 보통 웹에서 어떤 내용을

GET vs POST서버가 웹 브라우저와 상호작용하는 방식은 크게 GET과 POST가 있다. 우리가 지금까지 웹 애플리케이션에서 서버를 통해 어떠한 정보를 얻어오고자 할 때, http://a.com/topic 과 같이 주소를 입력하거나 쿼리스트링을 사용해서 h

POST 전 포스팅에서 post 방식으로 데이터를 서버로 전송하는 것을 구현하고 있었다. 이제는 get 방식이 아니라 실제 post 방식으로 코드를 작성해보자. app.js app.post('/form_receiver', function(req, res) {

What is the Nodejs? 백 엔드 개발자를 꿈꾸는 취준생이라면 한번쯤 들어봤을 nodejs. 이를 증명하기라도 하듯 채용공고 사이트에 접속하여 검색창에 "nodejs 개발자" 라고 입력하면 nodejs 개발과 관련된 수 많은 채용정보를 접할 수 있다.(채용