개발로그필름

Babel 사용하는 법 직관적으로 babel 사용하는 방법을 알고 싶으면 babel 홈페이지에 babel 사용법이 상세히 나와있다 하지만 자바스크립트에서 직접 babel을 사용할 것은 아니기 때문에 다른 방법으로 접근해보자 package.json에 babel로 컴파일하는 scripts 만들기 (nodemon 사용) @babel/node 설치 npm install @babel/node --save-dev @babel/node를 설치했기 때문에 babel-node 라는 명령어를 쓸 수 있게 되었다 이제 dev 명령어를 실행시키면 babel도 같이 적용돼서 node.js가 실행될 것이다. 최신 문법 코드를 동작시킬 수 있게 된다 npm run dev 여기서 귀찮은 점 !!! 내가 파일을 수정할 때마다 npm ..

express를 어떻게 쓸까? import express from "express"; //const express = require("express"); const app = express(); console.log("Hi!"); 위와 같이 express()인 app을 만들면 express 애플리케이션 완성! Babel https://babeljs.io Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io Babel은 자바 스크립터 컴파일이다 즉 nodeJS가 이해하지 못하는 최신 코드를 문제없이 이해하도록 변환해주는 컴파일러이다 따라서 개발자는 nodeJS가 현재 자..

index.js에 서버 만들기 위해 express를 사용하는 것이다 터미널에 npm i express 실행 그럼 자동으로 프로젝트에 node_modules 폴더와 package-lock.json 파일이 생긴 것을 볼 수 있다 node_modules 폴더는 npm으로 설치한 모든 패키지가 저장되는 곳이다 즉 npm i express를 실행하면 해당 패키지가 어딘가에 저장되는데 그 곳이 node_modules라는 것이다 package-lock.json은 패키지들을 안전하게 관리해준다. 패키지가 수정 됐는지 해시값으로 체크해주고 정말 안전하고 파일 명 그대로 잠겨 있다 package.json 파일을 다시한번 들어가 보면 dependencies가 생긴 것을 볼 수 있다 위 코드가 생긴것을 확인하면 node_mo..

1. 해당 파일 터미널에 git init 2. github에서 repository 만든 후 URL 복사 3. 터미널에 git remote add origin [복사한 URL] 4. clear 5. done 그 뒤로 변경사항이 생기고 commit 할 때가 생기면 해당 명령어로 업데이트해주면 된다!

앞서 package.json 파일로 index.js 가 메인 실행 파일로 설정한 것을 알았다 그럼 우리는 이 프로젝트를 실행시키기 위해 터미널에 node index.js를 실행시킬 것이다 하지만 프로젝트가 커지면 node 실행 전에 다른 작업을 수행하고 싶을 수도 있다 그래서 이때 node를 이용해 파일을 실행시키는 것이 아니라 pakcage.json으로 분할해서 프로젝트 파일을 실행하는 방법을 알아볼 것이다 scripts를 추가해 실행하고 싶은 파일들을 쪼개서 저장해 놓을 것이다 위와 같이 'win'이라는 명령어를 사용해서 node index.js 가 실행되게 하는 것이다 단축어를 만든다고 생각하면 쉽다 npm run win 명령어를 실행하면 Hello NodeJS가 뜨는 것을 볼 수 있다 참고로 in..

.json이라는 파일 형식은 프로그래머가 파일에 정보를 저장하기 위해 만든 방식 중 하나인데 nodeJS는 package.json이라는 파일 명으로 사용한다 이 파일 형식은 절대 바꿀 수 없는 규칙같은 이름이다 파일 안에는 쌍따옴표를 쓰면서 적고 nodeJS 프로젝트를 만들 때 가장 먼저 만들어야 할 파일이다! 사용자가 직접 package.json 파일을 수동적으로 만들어 {} 안에 쌍따옴표로 정보를 입력할 수 있지만 터미널에 npm init 명령어를 치면 자동으로 옵션을 적을 수 있게 된다 enter 치면서 정보 입력 후 다 입력하면 package.json 파일이 자동으로 생성된다 여기서 main은 프로젝트의 대표 파일이 뭔지 알려주는거! 따라서 현재 프로젝트는 index.js를 실행하면 파일이 실행되..

NodeJS 설치 방법 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 위의 사이트 들어가면 아래와 같은 화면이 나올 것입니다! 현 포스팅 시점과 버전이 다를 수 있는데 그건 상관 없구 안정적, 신뢰도 높음인 왼쪽을 클릭해서 다운로드 받으면 됩니다 내가 잘 다운받았는지는 터미널에서 확인 가능한데요! 명령어 node -v 를 치면 바로 밑에 버전이 나올거에요 그럼 잘 설치됐다는거! NodeJS 깔기 엄청 쉽지요~? NodeJS 란? Ryan이 브라우저 안에서만 사용하던 자바스크립트를 웹 사이트와 좀 더 상호작용하도록 만들기 위해 분리하여 브라우저 밖에..