Per ardua ad astra.

노드몬(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..

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

웹 요소의 내용 가져오기 (innerText, innerHTML, textContent)들어가며자바스크립트로 웹 요소의 내용을 가져오고 수정하는 방법을 알아보자. 웹 요소의 내용 가져오기① @innerText@ 프로퍼티웹요소.innerText웹 브라우저에서 보이는 내용만 가져온다.@display: none@을 사용해서 화면에서 감춘 요소의 내용을 가져오지 않는다.소스 코드에 공백이 여러 개 입력되어 있어도 웹 브라우저 창에 보이는 대로 공백 1칸만 가져온다. ② @innerHTML@ 프로퍼티웹요소.innerHTML웹 브라우저 창에 어떻게 보이는지와는 상관 없이, 요소 안에 있는 태그(Tag)와 함께 소스 코드에 있는 그대로 가져온다. ③ @textContent@ 프로퍼티웹요소.textContent요소의 ..

자바스크립트(ES6)의 다양한 for 문 : forEach 문, for ... in 문, for ... of 문들어가며자바스크립트 ES6에 있는 다양한 종류의 for 문에 대해 알아보자.자바스크립트에는 for 문, forEach 문, for ... in 문, for ... of 문이 있다. (ES6 기준) ① for 문for (초깃값; 조건; 증가식) { ... } 조건에 들어가는 값이 일정하게 커지면서 명령을 반복 실행할 때 편리하다.몇 번 반복했는지 기록하기 위해 카운터를 사용하고, for 문의 첫 번째 항에서 카운터 변수를 지정한다. 예제 코드const seasons = ["Spring", "Summer", "Fall", "Winter"];for (let i = 0; i  위의 코드에서 백틱(Bac..

==/!= 연산자와 ===/!== 연산자의 차이점들어가며자바스크립트에서 사용되는 @==@ / @!=@ 연산자와 @===@ / @!==@ 연산자의 차이점에 대해 알아보자. @==@ / @!=@ 연산자비교하는 피연산자의 자료형을 자동으로 변환해서 비교한다.숫자 @3@과 문자열 @"3"@을 비교하면, 문자열로 변환해서 비교하므로 2개의 값이 같다고 인식한다.3 == "3" // true3 != "3" // false @===@ / @!==@ 연산자값 뿐만 아니라 데이터 유형(자료형)까지 비교한다.자동으로 자료형이 변환되지 않는다.따라서 자바스크립트를 사용하면서 값을 비교할 때는 @==@, @!=@ 연산자보다 @===@, @!==@ 연산자를 사용하는 것이 좋다.3 === "3" // fals..