JavaScript/study 35

[javascript] 배열

배열 생성 기본적인 배열 생성 let fruits = ["사과", "바나나", "오렌지"]; 배열의 크기 지정 let numbers = new Array(5); 배열 요소 접근 let fruits = ["사과", "바나나", "오렌지"]; console.log(fruits[0]); // "사과" console.log(fruits[1]); // "바나나" console.log(fruits[2]); // "오렌지" 배열 메소드 push() 메소드 -배열 끝에 요소 추가 let fruits = ["사과", "바나나"]; fruits.push("오렌지"); console.log(fruits); // ["사과", "바나나", "오렌지"] push() 메소드 -배열의 마지막 요소 삭제 let fruits = ["사..

JavaScript/study 2023.05.22

[javascript] 객체

기본 객체 생성 let person = { name: "홍길동", age: 30, gender: "남자" }; 생성자 함수를 사용한 객체 생성 function Person(name, age, gender) { this.name = name; this.age = age; this.gender = gender; } let person1 = new Person("홍길동", 30, "남자"); let person2 = new Person("홍길순", 25, "여자"); 객체 속성 접근 let person = { name: "홍길동", age: 30, gender: "남자" }; console.log(person.name); // "홍길동" console.log(person.age); // 30 console.l..

JavaScript/study 2023.05.22

[javascript] 단축평가

단축평가는 논리 연산을 수행하는 도중에 결과가 확정되면 나머지 연산을 생략하는 동작이다. 자바스크립트에서는 논리 연산자인 논리합(||)과 논리곱(&&)을 사용하여 단축평가를 수행할 수 있다! 논리합(||)의 단축평가: 첫 번째 피연산자가 참이면 두 번째 피연산자를 평가하지 않고 참을 반환한다. 첫 번째 피연산자가 거짓일 때만 두 번째 피연산자를 평가한다. const result = a || b; 논리곱(&&)의 단축평가: 첫 번째 피연산자가 거짓이면 두 번째 피연산자를 평가하지 않고 거짓을 반환한다. 첫 번째 피연산자가 참일 때만 두 번째 피연산자를 평가한다. const result = a && b;

JavaScript/study 2023.05.22

[javascript] 형 변환

자바스크립트에서 형변환(Type Conversion)은 값의 데이터 타입을 다른 데이터 타입으로 변환하는 과정을 의미한다. 자바스크립트는 동적 타입 언어이기 때문에 변수에 할당된 값의 타입에 따라 자동으로 형변환을 수행하기도 함. 암시적 형 변환 const num = 10 + '5'; // '105' (숫자 10이 문자열로 변환됨) const bool = true + 1; // 2 (논리값 true가 숫자 1로 변환됨) 명시적 형 변환 문자열 형변환 const num = 10; const str = String(num); // '10' 숫자 형변환 const str = '5'; const num = Number(str); // 5 논리값 형변환 const num = 10; const bool = Bool..

JavaScript/study 2023.05.22

[javascript] 문자열(string) 다루기

문자열?? 자바스크립트에서 문자열(String)은 텍스트 데이터를 나타내는 데 사용되는 데이터 타입이다. 문자열은 작은 따옴표(''), 큰 따옴표(""), 또는 백틱(``)으로 감싸져 있다. 다음은 문자열의 몇 가지 특징과 사용 방법에 대한 설명이다. 문자열 생성 : const str1 = 'Hello'; const str2 = "World"; const str3 = `JavaScript`; 문자열 연결: const greeting = 'Hello'; const name = 'John'; const message = greeting + ' ' + name; // 'Hello John' 문자열 길이: const text = 'JavaScript'; console.log(text.length); // 10 ..

JavaScript/study 2023.05.22

[javascript] 자바스크립트의 특징

객체 지향 프로그래밍 (Object-Oriented Programming, OOP): -객체를 중심으로 프로그램을 구성하는 방법 -객체는 상태와 행동을 가지고 있으며, 데이터와 해당 데이터를 처리하는 함수(메소드)를 포함한다. -코드의 재사용성과 유지 보수성이 향상! *객체 지향 프로그래밍의 반대는 절차지향 프로그래밍이다. -절차지향: 첫번째 일 처리 다음에 두번째 일처리, 그 다음에 세번째 처리.. (EX.C언어) -객체지향: 데이터와 함수를 객체라는 그룹으로 묶어서 처리(재활용 가능), 객체는 상태와 행동을 가지고 있고 상태는 객체의 속성(PROPERTY)이라고 한다. 동적 타이핑 (Dynamic Typing): -변수의 타입을 별도로 지정하지 않고, 실행(runtime) 시점에 변수의 타입이 결정됨..

JavaScript/study 2023.05.22

[javascript] 자바스크립트의 역사

자바스크립트의 역사 간단하게 -1995년: 자바스크립트가 브렌던 아이크에 의해 개발됨. 초기에는 "라이브스크립트"라는 이름으로 출시됨. -이름 변경: 자바스크립트는 넷스케이프 커뮤니케이션즈와 썬 마이크로시스템즈 사이의 협력을 위해 "자바"라는 이름과의 연관성을 이용해 "자바스크립트"로 이름이 변경됨. -AJAX의 등장: 2000년대 중반 이후 웹 애플리케이션의 발전과 AJAX 기술의 등장으로 인해 자바스크립트의 중요성이 커졌고, AJAX를 통해 비동기적으로 서버와 통신하고 페이지의 일부분만 업데이트할 수 있게 됨. -V8 엔진: 2008년, 구글이 V8 JavaScript 엔진을 개발하여 Chrome 브라우저에 탑재, V8 엔진은 빠른 실행 속도와 최적화된 메모리 관리를 통해 자바스크립트의 성능을 대폭 ..

JavaScript/study 2023.05.22