[1121 배운 내용 복습]  1. 변수명 정하는 규칙 • 단수/복수 규칙: • 단수형: 하나의 값만 저장할 때 사용.const input = document.querySelector('input'); // 하나의 입력 요소를 가리킴  • 복수형: 여러 값을 저장하거나 배열로 관리할 때 객체명 뒤에 s를 붙이는 것이 관례.const inputs = document.querySelectorAll('input'); // 여러 입력 요소를 가리킴 • 이유: 변수명을 보고 데이터의 형태를 직관적으로 이해할 수 있음. 2. 배열의 특징과 사용법 • 배열은 순서가 있는 데이터의 집합을 관리한다. • 배열의 첫 번째 요소는 [0]으로 접근.const inputs = document.querySelectorAll('i..

JavaScript와 React, 기초 개념 정리 1. JavaScript와 React • React는 JavaScript로 만들어진 특화된 도구• React는 웹 앱 개발을 위한 라이브러리로, 상위 개념의 프레임워크가 아님.• React를 사용하려면 JavaScript 이해가 필수.• JavaScript 없이 React는 동작하지 않음.• 바닐라 자바스크립트(Vanilla JavaScript)란?• 프레임워크나 라이브러리를 사용하지 않은 순수 JavaScript.• DOM 조작, 이벤트 처리 등 모든 작업을 JavaScript 코드로 작성. 2. 변수(Variable)란? • 정의: 변수를 사용하면 데이터를 저장하고 재사용할 수 있음.• 예: 이름, 숫자, 계산 결과 등을 저장.• 왜 필요한가?• 동일..

Nodemon은 파일을 수정할 때마다 자동으로 서버를 재시작해주는 도구다. 1. Nodemon 글로벌 설치sudo npm install -g nodemon 2. 글로벌 권한 문제 해결 (필요 시)  1. 새로운 글로벌 경로 생성:mkdir -p ~/.npm-globalnpm config set prefix '~/.npm-global'  2. 경로 환경변수 추가:echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.zshrcsource ~/.zshrc  3. 경로 확인:echo $PATH   4. Nodemon 다시 설치:npm install -g nodemon 3. Nodemon 사용  1. 터미널에서 실행 & 자동반영nodemon 파일이름.js • 파일 수정 시마다 서..