본문 바로가기

WebDev/JavaScript13

[기초]JavaScript 배열과 메서드(Array, Method) JavaScript에서 배열(Array)은 여러 값을 하나의 변수에 저장할 수 있는 데이터 구조입니다. 배열은 순서가 있는 컬렉션으로, 각 요소는 인덱스를 통해 접근할 수 있습니다. 배열은 다양한 메서드와 속성을 제공하여 데이터를 효과적으로 관리하고 조작할 수 있게 해 줍니다. 1. 배열 생성JavaScript에서 배열을 생성하는 방법은 여러 가지가 있습니다.리터럴 표기법const arr = [1, 2, 3, 4, 5]; Array 생성자 사용const arr = new Array(1, 2, 3, 4, 5); 빈 배열 생성const arr = []; 고정된 길이의 배열 생성:const arr = new Array(5); // 길이 5의 빈 배열 [empty * 5]const arr = new Array(.. 2024. 8. 28.
[기초]JavaScript Object, Class(객체와 클래스) 자바스크립트(JavaScript)는 객체지향 프로그래밍을 지원하는 언어로, 객체와 클래스를 통해 복잡한 데이터 구조와 로직을 표현할 수 있습니다.  1. 객체(Object)객체의 정의자바스크립트에서 객체는 키-값 쌍으로 이루어진 데이터 구조입니다. 객체는 변수나 상수에 할당할 수 있으며, 객체의 각 키는 고유해야 하고, 값은 어떤 자료형이든 가능합니다. 객체 생성 방법객체 리터럴을 이용한 생성여기서 person은 객체이며, name, age, greet는 이 객체의 속성입니다.const person = { name: 'John', age: 30, greet: function() { console.log('Hello!'); }}; Object 생성자 함수를 이용한 생성co.. 2024. 8. 27.
[기초]Javascript export, import 모듈 자바스크립트에서 import와 export는 모듈 시스템의 핵심 개념으로, 코드를 모듈화하고 재사용성을 높이는 데 중요한 역할을 합니다. 이 시스템은 ES6(ECMAScript 2015)부터 도입되었으며, 자바스크립트 코드의 유지 보수성을 크게 향상시킵니다. export: 모듈 내보내기export는 모듈에서 변수, 함수, 객체, 클래스 등을 다른 파일에서 사용할 수 있도록 내보낼 때 사용됩니다. export에는 두 가지 주요 형태가 있습니다: Named Export와 Default Export.  Named Export(export)Named Export는 특정 변수나 함수를 내보낼 때 사용되며, 하나의 모듈에서 여러 개의 Named Export를 사용할 수 있습니다.// math.jsexport con.. 2024. 8. 26.
[기초]JavaScript 함수(Function) 자바스크립트(JavaScript)에서 함수는 특정 작업을 수행하는 코드 블록입니다. 함수는 재사용 가능하며, 코드의 모듈화와 유지보수를 쉽게 해줍니다. 함수는 선언, 호출, 인자 전달, 반환 값 등의 개념으로 구성됩니다. 1. 함수 선언 (Function Declaration)함수 선언은 function 키워드를 사용하여 함수를 정의합니다. 함수 선언은 호이스팅(hoisting)되므로, 함수 선언 전에 호출할 수 있습니다.function greet(name) { return `Hello, ${name}!`;}console.log(greet("Alice")); // Hello, Alice!  2. 함수 표현식 (Function Expression)함수 표현식은 함수를 변수에 할당하는 방식으로 정의합니다.. 2024. 8. 24.
[기초]JavaScript 연산자(Operators) 자바스크립트 연산자(JavaScript Operators)는 변수와 값을 조작하는 데 사용됩니다. 연산자는 산술 연산, 할당, 비교, 논리, 비트, 문자열, 조건, 콤마, 및 typeof 연산자를 포함합니다. 각 연산자는 고유한 기능을 제공하며, 다양한 프로그래밍 상황에서 유용하게 사용할 수 있습니다. 연산자: 산술 연산자, 할당 연산자, 비교 연산자, 논리 연산자, 비트 연산자, 문자열 연산자, 조건 연산자, 콤마 연산자, typeof 연산자, 삭제 연산자, in 연산자, instanceof 연산자 등이 있다. 1. 산술 연산자 (Arithmetic Operators)산술 연산자는 수학적 계산을 수행합니다.덧셈 ('+'): 두 피연산자를 더합니다.let sum = 5 + 3; // 8 뺄셈 ('-').. 2024. 8. 23.
[기초]JavaScript 자료형(Data Type) 자바스크립트(JavaScript)는 동적이고 느슨한 타입의 언어로, 다양한 자료형을 지원합니다. 자료형은 크게 원시 타입(Primitive Type)과 참조 타입(Reference Type)으로 구분됩니다. 원시 타입 (Primitive Type)원시 타입은 하나의 값을 담는 단순한 데이터 유형입니다. 자바스크립트는 7가지 원시 타입을 제공합니다. 1. 숫자(Number)정수와 부동 소수점을 포함한 숫자를 나타냅니다.예시: 42, 3.14특별한 숫자 값: Infinity, -Infinity, NaN (Not-a-Number)let age = 25;let pi = 3.14;let inf = Infinity;let notANumber = NaN;  2. 문자열(String)텍스트 데이터를 나타냅니다. 큰따옴.. 2024. 8. 22.

티스토리툴바