Per ardua ad astra.

Node.js 설치부터 리액트 프로젝트 테스트까지 정리 들어가며 Node.js 설치, NVM 설치, 리액트 프로젝트 생성 및 테스트까지의 과정을 정리해본다. 방법 (1) Node.js 설치 회사 또는 팀에서 사용하고 있는 버전의 Node.js를 설치하도록 한다. Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org (2) nvm 설치 NVM(Node Version Manager)은 Node.js의 버전을 관리해주는 프로그램이다. @nvm-setup.exe@ 설치 파일을 다운로드 받아 실행한다. Releases · coreybutler/nvm-windows A node.js version mana..

모듈 설치 시 의존성 문제 해결하기 (npm-check-updates) 들어가며 인터넷에 공개된 레포지토리를 다운로드 받아서 본인의 PC에서 해당 모듈을 설치할 때, Node.js의 버전이 달라 의존성 문제(Dependency Problem)이 발생하는 경우가 있다. 이러한 의존성 문제를 해결하기 위해 @npm-check-updates@ 패키지를 사용할 수 있다. @npm-check-updates@ 패키지 @package.json@ 파일 안에 명시된 모듈들의 버전을 무시하고 최신 버전으로 업데이트하여 의존성 문제를 해결해주는 패키지이다. 방법 외부 레포지토리를 다운 받아서 @npm install@ 명령을 이용하여 필요한 모듈을 설치하기 전에 아래의 작업을 수행해준다. ① @npm-check-updates..

PostgreSQL 설치 및 사용방법들어가며Node.js에서 @npm@을 이용하여 PostgreSQL을 설치하고, 사용하는 방법을 알아보자. PostgreSQL 설치하기터미널에 @npm@을 이용하여 아래의 명령으로 PostgreSQL을 설치할 수 있다.$ npm install pg 사용 방법@db.connect()@를 이용하여 PostgreSQL DB에 연동한 후, @db.end()@ 명령을 이용하여 DB 연동을 해제한다.import pg from "pg";const db = new.pg.Client({ user: "postgres", host: "localhost", database: "world", password: "123456", // 설치 시 설정했던 암호 por..

Axios 라이브러리들어가며Axios 라이브러리에 대해 알아보자. Axios개념Node.js 및 브라우저에서 동작하는 HTTP 클라이언트 라이브러리 중 하나주로 HTTP 요청(Request)을 생성하고 응답(Response)을 처리하는 데 사용된다.Axios는 Promise 기반으로 작성되어 있어 비동기 코드를 쉽게 다룰 수 있다.동일한 코드베이스로 브라우저와 Node.js에서 실행할 수 있다.서버 단(Server-Side)에서는 네이티브 Node.js의 @http@ 모듈을 사용하고, 클라이언트(브라우저)에서는 @XMLHttpRequests@를 사용한다.Axios를 사용하면 HTTP 요청을 쉽게 생성하고 응답을 처리할 수 있다.특히 비동기 프로그래밍에서 Promise를 사용하므로 코드가 더 읽기 쉽고 유..

EJS(Embedded JavaScript) 들어가며 EJS(Embedded JavaScript)에 대해 알아보자. EJS(Embedded JavaScript) 개념 JavaScript 기반의 템플릿 엔진 서버 측(Server-side)에서 동적인 웹 페이지를 생성하기 위해 사용된다. EJS를 사용하면 HTML 코드 안에 JavaScript 코드를 삽입하여 동적으로 페이지를 생성할 수 있다. 특징 ① 편리한 문법 EJS는 간단하고 직관적인 문법을 제공한다. HTML 안에 @@와 같은 태그를 사용하여 JavaScript 코드를 삽입할 수 있다. ② 템플릿 재사용 EJS를 사용하면 템플릿을 생성하여 코드를 재사용할 수 있다. 이것은 웹 애플리케이션에서 일관된 레이아웃을 유지하는 데 도움이 된다. ③ 변수 삽..

morgan 패키지 들어가며 Node.js의 @morgan@ 패키지에 대해 알아보자. @morgan@ 패키지 개념 Node.js 웹 애플리케이션에서 로깅(로그 기록)을 도와주는 미들웨어 패키지 웹 애플리케이션을 개발하다보면 애플리케이션의 동작과 상태를 모니터링하고 디버깅하기 위해 로그를 생성하고 기록해야 할 때가 많은데, @morgan@은 이를 효과적으로 처리하는데 도움을 준다. @morgan@을 사용하면 HTTP 요청과 응답에 관한 다양한 정보를 로그로 기록할 수 있으며, 이를 통해 애플리케이션의 동작을 추적하고 문제를 식별할 수 있다. @morgan@은 주로 웹 서버 미들웨어로 사용되며, Express.js 및 다른 Node.js 웹 프레임워크와 함께 자주 사용된다. @morgan@을 사용하여 기록할..

노드몬(nodemon) 패키지 들어가며 Node.js의 노드몬(Nodemon) 패키지를 설치하고 실행해보자. 노드몬(Nodemon) 개념 Node.js 애플리케이션을 개발 및 실행하는 데 도움을 주는 유용한 도구 중 하나 개발자가 코드를 변경하고 저장한 후 서버나 애플리케이션을 자동으로 다시 시작하여 개발 프로세스를 더 효율적으로 만들어준다. 주로 개발 중인 애플리케이션을 실시간으로 모니터링하고 변경 사항을 반영하는 데 사용된다. 특징 코드 변경 감지 노드몬은 코드 변경을 실시간으로 감지하고 저장한 후에 애플리케이션을 자동으로 다시 시작한다. 코드 수정 후 수동으로 서버를 재시작할 필요가 없어 개발자의 생산성을 향상시킨다. 다양한 파일 유형 지원 노드몬은 JavaScript 파일 뿐만 아니라 HTML, ..

URL QR 코드 생성기 만들기 들어가며 Node.js를 이용하여 간단하게 URL을 입력하면 해당 URL의 QR 코드를 생성해주는 프로그램을 만들어보자. 방법 필요한 모듈 설치 다음 명령을 실행하여 @npm@을 이용하여 사용자의 입력을 받는 기능을 제공하는 @inquirer@ 모듈과 QR 이미지를 생성해주는 @qr-image@ 모듈을 설치해준다. > npm install inquirer qr-image 코드 작성하기 import inquirer from "inquirer"; import qr from "qr-image"; import fs from "fs"; inquirer .prompt([{ message: "Type in your URL: ", name: "URL", }]) .then((answers..

Node.js에서 모듈 불러오는 방식 (require, import) 들어가며 Node.js에서 모듈(Module)을 불러오는 방식은 크게 2가지가 있다. CommonJS 스타일로 불러오는 @require@ 방식과 ES6 모듈 스타일로 불러오는 @import@ 방식 2가지가 있다. 이 두 가지 방법의 차이점에 대해 알아보자. Node.js에서 require과 import의 차이점? require require는 Node.js의 기본 모듈 시스템에서 사용되는 방법이다. CommonJS 스타일로 모듈을 가져온다. // 파일 시스템 모듈 가져오기 const fs = require('fs'); // 사용자 정의 모듈 가져오기 (상대 경로 사용) const math = require('./math'); requi..