Frontend/JS 7

function & class 학습응용

// 하나의 로직을 수행하는 동작의 묶음// 데이터를 저장하지 않고 실행만 함function Person(name, age) { this.name = name; this.age = age; this.greet = function () { console.log(`안녕하세요, 저는 ${this.name}입니다.`); };}// 데이터 + 메서드를 하나의 틀로 묶은 설계도 객체를 만들 수 있음// 객체를 만들 수 있음.const p1 = new Person("이메론", 30);p1.greet();class Person { constructor(name, age) { this.name = name; this.age = age; } greet() { console.log(`안녕하..

Frontend/JS 2025.04.23

JS_조건문

1. 제어문         프로그램의 흐름을 개발자가 원하는 방식으로 조정하기 위해 사용하는 구문이다.         (1) 조건문 : if , else if, else, switch         (2) 반복문(기본) : for ,  while , do... while         (3) 제어문 : break. continue 2. 조건문         조건의 참(True) 또는 거짓(False)에 따라 코드의 실행 흐름을 제어하는데 사용된다.         (1) if : 조건이 참일 때 실행되는 코드 / 주로 범위줄 때(ex. 점수)         (2) else : 조건이 거짓일 때 실행되는 코드         (3) else if : 복수(참&거짓) 조건일 때         (4) switch..

Frontend/JS 2025.04.10

JS_연산자

1. 산술 연산자(Arithmetic Operators)+ : 더하기-  : 나누기*  : 곱셈/  : 나눗셈%  : 나머지2. 비교 연산자(Comparison Operators)== : 값이 같은가?        cf. 자바스크립트의 자동변환에 주의하자=== : 값과 자료형이 모두 같은가?!= : 값이 다른가?!== : 값 또는 자료형이 다른가?> / >= : 초과 / 이상 3. 논리 연산자(Logical Operators)&& : AND   → boolean의 경우 곱하기로 생각하면 이해하기 쉬움👍   Ex. True(=1) * False (=0) =  False(=0)|| : OR → boolean 의 경우 더하기로 생각하면 이해하기 쉬움! : NOT 부정4. 할당 연산자 (Assignment O..

Frontend/JS 2025.04.10

JS_변수형

1. 변수데이터를 저장하고 나중에 재사용하기 위해 이름을 붙인 저장공간var : 예전 방식 → 사용하지 않기 !let : 블록 스코프 / 재할당 O → 일반적으로 사용const : 블록 스코프 / 재할당 X  → 주로 상수 선언시 사용각각의 키워드는 변수의 스코프(유효 범위)와 재할당 가능 여부에 따라 다르게 동작한다.단, 자바스크립트는 동적 타입 언어기이에 변수에 저장된 값의 자료형은 언제든 바뀔 수 있음. 1.1 변수 선언// let으로 age라는 저장소를 만듦// age에undefinded (값이 저장되지 않음)이라는 값이 들어감.let age 1.2 값 저장// 우측에 있는 값을 왼쪽에 대입했다!// age라는 방이 만들어짐// ' age 방이 20이 저장된 방을 가리키면서 참조한다.' 로 이해하..

Frontend/JS 2025.04.09

JavaScript 시작

1. 자바스크립트(JavaScript)웹 페이지를 동적으로 만들기 위해 사용되는 프로그래밍 언어이다.HTML과 CSS가 각각 웹 페이지의 구조와 스타일을 담당하는 반면, 자바스크립트는 사용자와의 사용작용을 처리하고 웹 페이지의 동작을 제어하는 역할을 한다.  자바스크립트는 대부분의 웹 브라우저에서 실행되며, 현대 웹 개발에 필수적인 핵심 기술 중 하나이다. 1.1 노드(Node.js)Node.js는 자바스크립트를 웹 브라우저가 아닌 컴퓨터의 서버 환경에서도 실행할 수 있도록 만들어진 오픈소스 런타임이다. 구글의 V8 자바 스크립트 엔진을 기반으로 이벤트 기반, 논 블로킹(Non-blocking) 방식의 입출력 처리로 빠르고 효율적인 서버 애플리케이션 개발이 가능하다. 이를 통해 웹 서버나 API 서버를 ..

Frontend/JS 2025.04.09