1. Node.js란?자바스크립트는 원래 웹 브라우저에 내장된 자바스크립트 엔진을 통해 실행되는 언어이다.Node.js는 웹 브라우저가 아닌 환경에서도 자바스크립트를 실행할 수 있도록 해주는 런타임이다. *런타임(Runtime): 프로그램이 실제로 실행되는 환경 Node.js가 등장하면서 자바스크립트로 웹 서버, 모바일 애플리케이션 등 다양한 프로그램을 개발할 수 있게 되었다.Node.js는 서버 개발 기술 그 자체가 아니라 자바스크립트를 실행하는 환경이다.2. Node.js 환경 설정하기Node.js를 설치하면 웹 브라우저 없이도 컴퓨터에서 자바스크립트 코드를 직접 실행할 수 있다.Node.js를 설치할 때는 일반적으로 LTS(Long Term Support) 버전을 사용하는 것이 좋다.장..

26-27/React.js 2026. 11. 6. 10:00

📗 Node.js 교과서 3장3.1 REPL 사용하기한 줄 요약: Node.js에서 코드를 한 줄씩 바로 실행하는 기능입니다.node// 다음 줄은 Node 콘솔에서 입력const greeting = "안녕";console.log(greeting);코드 설명: node로 실행하고 console.log로 화면에 글자를 표시합니다. undefined가 떠도 오류는 아닙니다.3.2 JS 파일 실행하기한 줄 요약: 여러 줄의 코드를 .js 파일에 저장해서 실행합니다.// hello.jsconsole.log("안녕하세요");// 터미널: node hello.js코드 설명: 파일에 명령을 적고 node 파일이름.js 로 실행합니다. 코드를 한 줄씩 입력하지 않아도 됩니다.3.3 모듈로 만들기한 줄 요약: 코드를 ..

26-27/Node.js 2 2026. 11. 6. 10:00

0. Node & VSCode 설치p.42쪽~ 참조 3장. 노드 기능 알아보기 3-1. REPL노드가 제공하는 콘솔은 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복(Loop).REPL은 한두 줄 짜리 코드를 테스트하는 용도로는 좋지만 여러 줄의 코드를 실행하기에는 불편함. 따라서 긴 코드는 코드를 JS 파일로 만들어 그 파일을 통째로 실행하는 것이 좋음. 3-2. JS 파일 실행보통 REPL에 직접 코드를 입력하지 않고 자바스크립트 파일을 만들어 사용함.JS 파일을 실행할 때는 REPL에 입력하는 것이 아니라 콘솔에 입력해야함.* REPL에 입력: node를 입력하여 프롬프트가 > 모양으로 바뀌어 있는 상태에서 입력** 콘솔에 입력: 터..

26-27/Node.js 3 2026. 11. 6. 10:00

이번 주 키워드1. 모듈2. 노드 내장 객체3. 쿠키와 세션4. HTTPS와 HTTP/25. cluster3장 노드 기능 3.1 REPL 사용하기 JavaScript는 스크립트 언어이므로 미리 컴파일을 하지 않아도 즉석에서 코드를 실행할 수 있다. 입력한 코드를 읽고(Read), 해석하고(Eval), 결과물을 반환하고(Print), 종료할 때까지 반복한다(Loop)고 해서 REPL(Read Eval Print Loop)이라고 불린다. ▶ 사용자가 코드를 입력하면 읽고 → 실행하고 → 결과를 보여주고 → 다시 입력을 기다리는 과정을 반복한다. 3.2 JS 파일 실행하기 긴 코드를 작성하고 저장한 뒤 실행할 때 편리하다.JS 파일을 만든 후 콘솔에서 명령어 node [JS 파일 경로]를 통해 실행할 수 있다..

26-27/Node.js 1 2026. 11. 6. 10:00

1. 객체: 자바스크립트의 객체형은 원시형과 달리 다양한 데이터를 담을 수 있습니다.객체 생성 방법객체 리터럴 방식: 중괄호 {...}를 사용하는 방식입니다.let user = new Object(); // '객체 생성자' 문법 let user = {}; // '객체 리터럴' 문법 2. 리터럴과 프로퍼티: 중괄호 {...} 안에서 ‘키: 값’ 쌍으로 구성된 프로퍼티가 들어갑니다. -> '콜론(:)'을 기준으로 왼쪽엔 키가, 오른쪽엔 값이 위치합니다.let user = { // 객체 name: "John", // 키: "name", 값: "John" age: 30 // 키: "age", 값: 30}; 프로퍼티 읽기, 추가, 삭제더보기 점 표기법을 이용해 프로퍼티 값을..

26-27/Node.js 2 2026. 10. 9. 10:00

이번 주에는 자바스크립트를 쓰면서 가장 자주 만나는 문법들을 정리했습니다. 이번 주 키워드객체와 배열구조 분해 할당과 전개 구문배열 메서드옵셔널 체이닝비동기 처리1. 객체와 배열객체: 키로 구분하는 데이터 묶음객체는 키: 값 쌍을 모아 둔 자료구조입니다. 값을 읽을 때는 점 표기법과 대괄호 표기법을 쓸 수 있습니다.let user = { name: "John", "likes birds": true };user.name; // 점 표기법user["likes birds"]; // 키에 공백이 있으면 대괄호가 필수입니다키를 변수에 담아서 쓰고 싶다면 대괄호를 써야 합니다. user[key]처럼 쓰고, 점 표기법인 user.key는 "key"라는 이름의 프로퍼티를 찾습니다.빈 프로퍼티를 읽..

26-27/Node.js 1 2026. 10. 9. 10:00

1. 객체(Object)자바스크립트의 데이터 대부분(숫자, 글자 등)은 한 번에 값 하나만 담을 수 있는 '원시형'이지만 객체는 여러 개의 데이터를 한 곳에 모아 담을 수 있는 바구니나 서랍장이라고 생각하면 쉽게 이해할 수 있다.서랍장 안에 여러 물건을 넣고 각각 이름표를 붙여두는 것처럼 객체 안에는 이름표(key) : 실제 데이터(Value) 형태로 짝을 지어 저장한다. 이 짝 하나를 프로퍼티(Property, 속성)라고 부른다.키(Key) : 데이터를 찾기 위한 이름표 (주로 문자열 사용)값(Value) : 이름표에 연결된 실제 데이터 (숫자, 문자, 불린 등 모든 자료형 가능)객체를 만들 때는 주로 중괄호 { }를 사용하며 이를 '객체 리터럴' 방식이라고 한다.let user = { name : "..

26-27/React.js 2026. 10. 9. 10:00

1. 객체 : 여러 데이터를 키와 값의 쌍으로 저장하는 자료형{}로 생성key: value 형태로 작성프로퍼티 = 키와 값의 쌍프로퍼티 접근점 표기법: user.name대괄호 표기법: user["name"]let user = { name: "Yen", // 이름 age: 20 // 나이 }; console.log(user.name); // Yenconsole.log(user["age"]); // 20 추가·수정·삭제user.city = "Seoul"; // 추가user.age = 21; // 수정delete user.city; // 삭제 2. 배열 : 여러 개의 데이터를 순서대로 저장하고 관리할 때 사용하는 자료구조인덱스는 0부터 시작함length로 배열의 길이를 확..

26-27/Node.js 3 2026. 10. 9. 10:00

변수 : 데이터를 저장할 때 쓰이는 ‘이름이 붙은 저장소 → 자바스크립트에서는 let 키워드 사용합니다.let message; // 'message'라는 이름을 가진 변수를 생성message = 'hello'; // 문자열을 저장 let user = 'a', age = 14, message = 'hello'; 이런 식으로 쉼표를 활용해서 한 줄로 변수를 정의할 수도 있지만, 가독성을 위해서 한 줄에는 하나의 변수를 작성하는 것이 좋습니다.let user = 'a' , age = 14 , message = 'hello'; let user = 'a'let age = 14let message = 'hello'; let vs var만들어진 지 오래된 스크립트에서 let 대신 ..

26-27/Node.js 2 2026. 10. 2. 14:55

들어가며Node.js 학습을 시작하기에 앞서 이번 주에는 JavaScript의 기본 문법을 다시 정리했다. 변수와 데이터 타입처럼 익숙했던 개념도 있었지만, 원시 타입과 참조 타입의 차이나 함수의 여러 선언 방식, 스코프와 호이스팅처럼 정확하게 설명하려니 헷갈리는 부분도 있었다. 이번 글에서는 단순히 문법을 나열하기보다 각 문법이 어떤 역할을 하는지, 비슷해 보이는 개념에는 어떤 차이가 있는지를 중심으로 정리해 보았다.01. 변수와 데이터 타입 > let과 const, 뭐가 다를까? JavaScript에서 데이터를 저장하려면 변수가 필요하다. 변수를 선언할 때 주로 사용하는 키워드가 let과 const이다. 처음에는 둘 다 변수를 만드는 키워드인데 왜 구분해서 사용하는지 헷갈렸는데, 가장 기본적인 차..

26-27/Node.js 1 2026. 10. 2. 10:00

자바스크립트를 처음으로 자세히 공부하며 주요 개념들을 정리함이름 때문에 자바(Java)와 헷갈려하는 사람들이 많은데,자바는 백엔드나 기업용 시스템에 쓰이는 언어이고자바스크립트는 웹 브라우저를 유기적으로 움직이게 만드는 언어로 완전히 다름 1. 변수와 상수: let 과 const데이터를 보관하는 상자인 변수를 만들 때는 이름 규칙과 키워드를 정확히 알아야 함let : 생성 후에도 내부 값을 자유롭게 바꿀 수 있음const : 한 번 지정하면 절대 바꿀 수 없는 상수를 선언, 선언과 동시에 초기화해야함명명 규칙 : 문자, 숫자, $, _만 사용 가능하며 숫자로 시작할 수 없음. 대소문자를 구별하고, 보통 userName 같은 카멜 케이스를 씀. 절대 변하지 않는 하드코딩 값은 COLOR_RED처럼 대문자로..

26-27/Node.js 3 2026. 10. 2. 10:00

1. 들어가며 - 함수를 작성하는 다양한 방법JavaScript에서 함수를 공부하며 하나의 기능을 수행하는 함수를여러 가지 방법으로 작성할 수 있다는 것을 알게 되었다. 자칫 헷갈릴 수 있는 JavaScript 함수 작성 방법을함수 선언식, 함수 표현식, 화살표 함수 등으로 직접 작성해 보며 각각 어떤 차이가 있는지 정리해 보았다.헷갈리는 함수 작성법.직접 따라 하며 익혀보자!2. function을 이용한 - 함수 선언식- 익숙한 function으로 함수를 만들어보기function add(a, b) { return a + b;}console.log(add(2, 3));// 5함수 선언식은 function 키워드와 함수 이름을 사용하여 함수를 선언하는 방식이다.a, b는 매개변수이고, return을 통해..

26-27/React.js 2026. 10. 2. 10:00