Torch for new way

지난 글을 마지막까지 수행했다면 현재 js의 코드는 다음과 같다. const express = require('express') const app = express() const nunjucks = require('nunjucks') app.set('view engine', 'html') nunjucks.configure('views', {express:app}) app.listen(3000, () => { console.log('서버 구동') }) app.use('/', (req, res) => { let i = 1000; let j = 2000; res.render('index.html', { num:i, }) }) app.use('/ab', (req, res) => { res.send(' hello..

1. nunjucks의 설치와 세팅 지난 번에 이어서 html을 쉽게 가져오기 위해 템플릿 엔진을 사용하는 방법을 알아보자. nunjucks도 express와 마찬가지로 패키지이므로 설치 방식도 동일하게 npm을 사용하면 된다. 터미널에 다음과 같이 입력하면 자동으로 nunjucks가 설치된다. npm install nunjucks package.json에서 문제 없이 설치가 끝났는지를 확인할 수 있다. 이제 이를 사용하기 위해 js 문서에도 코드를 몇 줄 추가해주어야 한다. const nunjucks = require('nunjucks') 외부 객체인 nunjucks를 현재 js로 가져온다. app.set('view engine', 'html') nunjucks를 사용하기 위한 express의 세팅이다..

1. module, 데이터 전달 1.1. module 이제 express까지 설치한 상태인데, 이 express는 무엇이며, 왜 필요한가? 우선 module에 대해 알 필요가 있다. js파일안에 들어갈 정보가 커지면 이 js파일을 여러 개로 나눠야 할 때가 있다. 이때 각 파일을 module이라고 한다. 특히 다른 라이브러리를 사용할 때, (여기서는 express) 이 module의 개념이 적용된다고 보면 된다. 물론 각자 다른 파일이므로 다른 파일에 있는 데이터를 주고받고 싶을 땐 특수한 명령어가 필요하다. 현재 우리는 express를 설치한 상태인데, 잘 설치되었는지를 확인하려면 package.json 파일을 열면 설치된 package의 목록을 객체 형태로 볼 수 있다. 여기서 express가 있다면..

지난 번에 이어서 본격적으로 nodeJS를 설치해보자. 1. Node.js 인스톨 우선 wsl에서 cd ~ 를 입력해 홈 디렉토리로 간다. node라고 입력을 하면 아직 설치가 되어있지 않다고 뜰 것이다. 이제 apt package manger를 이용해, nodeJS를 다운로드 해준다. sudo apt install nodejs 를 입력하면 자동으로 다운로드를 받아 설치할 수 있다. 2. Node.js 업데이트 Node.js는 주기적으로 업데이트 되는데, 컴퓨터에 있는 Node.js를 업데이트하려면 nvm을 사용하는 방법이 추천된다. 2.1 nvm 설치 우선 nvm을 설치해보자. curl -o- http://raw.githubusercontent.com/creationix/nvm/v0.33.11/inst..

NodeJS는 서버 등 다양한 응용 프로그램을 돌리는데 사용되는 JS 실행기이다. NodeJS를 설치하고 셋업 하는 방법에 대해 알아보자. 1. CLI vs GUI 우리 주로 사용하는 윈도우는 GUI (Graphical User Interface)로, 인터페이스를 그래픽으로 알기 쉽게 표현해주는 인터페이스를 의미한다. 반대로 CLI는 Command Line Interface의 줄임말로, 컴퓨터에게 텍스트로 명령어를 치면 결과를 텍스트로 돌려주는 것을 의미한다. 서버컴퓨터는 대부분 리눅스를 사용하는데, 리눅스는 GUI가 대부분 GUI가 지원되지 않고 CLI를 사용하기 때문에 우리도 CLI를 배울 필요가 있다. 2. Windows Terminal 우선 리눅스를 설치하기 전에, 윈도우에서 터미널을 열고 간단한..