글 작성자: 망고좋아
반응형

📖 오늘 배운 내용 - 2021.11.30

  • Node.js
  • EsLint
  • Prettier

 

📝 Node.js

  • 크롬 V8 자바스크립트 엔진으로 빌드된 JavaSript 런타임이다.

 

📕 런타임 환경이란?

  • 런타임 환경은 컴퓨터가 실행되는 동안 프로세스나 프로그램을 위한 소프트웨어 서비스를 제공하는 가상 머신의 형태이다.
  • 운영 체제 자체에 속하는 경우도 있고 운영 체제에서 작동하는 소프트웨어를 뜻할 수도 있다.
  • 즉, JS코드를 브라우저에서만 돌렸는데 Node.js를 사용하면 로컬에서도 돌릴 수 있다.

 

📕 내장 모듈(기본 모듈)

  • Node.js 내부에서 제공하는 모듈

 

📕 외장 모듈(확장 모듈)

  • 일반 개발자들이 만들어 놓은 모듈로, npm을 통해 사용 가능

 

📝 EsLint

  • 코드를 분석해 문법적인 오류나 안티 패턴을 찾아주고 일관된 코드 스타일을 유지(포맷팅)하여 개발자가 쉽게 읽도록 코드를 만들어준다.

 

📕 설치 방법

  • npm init → 엔터 쭉 누르기
  • npm i eslint --save-dev
  • node_modules/.bin/eslint --init
    • problems, commonjs, none, No, browser/node, javascript로 설정
 

[ESLint] ESLint 설치하기, 설정 방법

🎯 ESLint 설치 및 사용법 📝 설치 및 설정 # install ESLint npm install eslint --save-dev # set up a configuration file npx eslint --init 질문 해석 나의 답변 How would you like to use ESLint? ESLint..

lakelouise.tistory.com

 

📝 Prettier

  • 개발자가 작성한 코드를 정해진 코딩 컨벤션을 따르도록 변환해주는 도구

 

📕 설치방법

  • npm i prettier —save-dev
 

[Prettier] Prettier 설치하기, 설정 방법

🎯 Prettier 설치하기, 설정 방법 개발자가 작성한 코드를 정해진 코딩 컨벤션을 따르도록 변환해주는 도구 ESLint랑 함께 많이 쓰인다. [ESLint] ESLint 설치하기, 설정 방법 🎯 ESLint 설치 및 사용법

lakelouise.tistory.com

 

[Prettier] Delete `␍`eslintprettier/prettier 오류 해결 방법

🎯 Delete `␍`eslintprettier/prettier 오류 해결 방법 🛠 .eslintrc.js 'prettier/prettier': [ 'error', { 'endOfLine': 'auto', } ] .eslintrc.js에서 위 코드를 추가해주면 된다. 🛠 .eslintrc.js 정리 modu..

lakelouise.tistory.com

 

📝 서버 만들기

const http = require('http');
const port = 9999;

http
    .createServer((req, res) => { //http 통신을 받는 서버를 만든다.
        res.end('Hello, World!')})
    .listen(port, () => {
        console.log("서버가 켜졌어요!!!");
    });

 

📕 CommonJS

// ES2015
import http form 'http';

// CommonJS
const http = require('http');
  • CommonJs방식은 Node.js에서 사용하는 방식으로 ES2015의 모듈 개념이 나오기 전부터 사용됨.

 

💡 오늘 깨달은 것

  • 실습 코치님이 말씀해주신 모든 기술을 필요에 의해 나왔다라는 말을 명심하면서 why를 찾아가는 질문을 던져보자!
  • 2주 동안 진행될 백엔드 기초도 열심히 공부해보자.
반응형