더 많은 포스팅 보기 자세히보기

프론트엔드/JS | TS 3

nvm으로 node 버전관리 하기

상황에 따라 최신 노드를 사용하지 못하는 상황이 발생하기도 합니다. 그럴 경우 A 프로젝트에서는 매우 짱짱한 버전을 사용하지만, B 프로젝트에서는 언제 나온 것인지 가늠하기 힘들기도 합니다. A와 B 프로젝트를 교차하며 개발해야할 경우 노드를 매번 다시 설치할 수도 없습니다. 그래서 나온 것이 nvm입니다. 여러 버전의 노드를 설치해둘 수 있고, 프로젝트마다, 전역 설정 또한 원하는 버전으로 미리 설치해 둔다면, 사용할 수 있습니다. brew가 설치 되어있다는 가정하에 진행합니다. brew install nvm 설치 후 ~/.zshrc 에 추가 라인을 적어주라는 설명이 나오고, 따라 하면 됩니다. ~/.zshrc export NVM_DIR="$HOME/.nvm" [ -s "/usr/local/opt/nv..

ejs

ejs는 embedded javascript의 약자이다 주로 node.js 서버에서 웹 페이지를 구축할 때 사용한다. view 데이터 넘기는 방법 module.exports = function(app, fs) { app.get('/', function(req, res) { res.render('index', { test: 'hello' testLength: 5 }) }); } view에서 렌더링 방법 요 안에다가 자바스크립트 코드를 작성하면 된다. ejs 말 그대로 embedded 서버에서 보여줄 미리 실행되어 결과물 html만 들어오기 때문에 콘솔을 확인하려하더라도 개발자 모드로 볼 수 없다 *(node.js - DevTools로는 확인 가능함) %뒤쪽에 여러 선택자를 붙여 사용하지만 보통 안붙이거나,..

TypeScript - Install

1. 설치방법 Node.js를 설치하면 npm도 같이 설치된다. $ npm install -g typescript 2. 사용방법 TypeScript의 기본 확장자는 .ts이다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 // person.ts class Person { private name: string; constructor(name: string) { this.name = name; } sayHello() { return "Hello, " + this.name; } } const person = new Person('Lee'); console.log(person.sayHello()); tsc 명령어 뒤에 트랜스파일링 대상 파일명을 지정한다. 이때 확장자 .ts는 생략할 수..

반응형