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..

body-parser 패키지 들어가며 Node.js의 @body-parser@ 패키지에 대해서 알아보자. @body-parser@ 패키지 개념 HTTP 요청의 본문(@body@) 데이터를 파싱하고, 이 데이터를 JavaScript 객체로 변환해주는 미들웨어(Middleware) 패키지 주로 Express.js와 함께 사용되며, 클라이언트가 서버에 데이터를 전송할 때, 이 데이터를 서버에서 사용하기 쉽도록 가공하는 데 도움을 준다. @body-parser@는 다양한 데이터 형식을 파싱할 수 있으며, 가장 일반적으로 JSON, URL-encoded 데이터, XML 및 기타 데이터 형식을 처리하는 데 사용된다. 수행할 수 있는 기능 JSON 데이터 파싱: 클라이언트가 JSON 형식의 데이터를 POST 또는 P..

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

Express.js 들어가며 @Express.js@에 대해 알아보자. Express.js 개념 Node.js의 핵심 모듈인 http와 Connect 컴포넌트를 기반으로 하는 웹 애플리케이션 프레임워크로, 웹 애플리케이션 및 API를 개발하는 데 사용된다. Express.js는 Node.js와 함께 사용되며, 웹 애플리케이션 및 API를 빠르게 개발하고 관리하는 데 도움을 준다. Node.js의 사실상의 표준 서버 프레임워크로 불리고 있다. 2010년 TJ Holowaychuk에 의해 개발되었다. 간단히 익스프레스(Express)라고 부른다. MIT 허가서로 라이선스되는 자유-오픈 소스 소프트웨어로 출시되었다. 익스프레스는 몽고DB 데이터베이스 소프트웨어, AngularJS 프론트엔드 프레임워크와 함께 M..

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..

타입스크립트 프로젝트 만들기들어가며타입스크립트(TypeScript) 프로젝트를 만들어보자. 타입스크립트 프로젝트타입스크립트 개발은 Node.js 프로젝트를 만든 다음, 개발 언어를 타입스크립트(TypeScript)로 설정하는 방식으로 진행한다.Node.js 프로젝트는 디렉터리를 하나 만들고 여기에 @package.json@이라는 이름의 파일을 만드는 것으로 시작한다.보통 @package.json@ 파일은 터미널에 @npm init@ 명령을 실행해 생성한다.> mkdir study> cd study> npm init --yWrote to C:\Users\devastra\Desktop\TypeScript_Study\ch02-01\package.json:{ "name": "study", "version":..

그래프의 개념 점과 선을 이용해 개념, 구조 또는 과정 등을 이해하는 데 필요한 주요 요소 간의 관계, 거리, 비용 등을 시각적으로 표현한 도구를 그래프(Graph)라고 한다. 그래프는 글이나 수식으로는 복잡하고 어렵게 표현되는 것을 그림으로 표현하기 때문에 컴퓨터 시스템의 회로나 네트워크 설계나 구조, 프로그램의 알고리즘, 인공지능의 지식 정보의 파생 과정 및 내용 등을 표현하는 데 효율적이고 효과적으로 활용된다. 그래프는 정점과 변으로 표현되기 때문에 정점에 대한 정보와 변에 대한 정보를 정의함으로써 그래프를 정의하고 표현한다. 그래프는 보통 그림 형태로 표현하지만, 집합 표현과 같은 수학적 기호로 표현할 수도 있다. 그래프의 정의와 표현 그래프(Graph : $G = (V, \; E)$ ) 공집합이..