반응형 자바스크립트41 [JavaScript] 데이터타입, 클로저(Closure) 1. 데이터타입 자바스크립트의 데이터 타입은 크게 두 가지로 나뉩니다. 1. 기본 데이터 타입(Primitive Data Types) 숫자(Number): 정수와 실수를 포함한 모든 숫자 값을 나타냅니다. 문자열(String): 문자들의 시퀀스로 이루어진 데이터를 나타냅니다. 불리언(Boolean): true(참) 또는 false(거짓) 값을 나타냅니다. undefined: 값이 할당되지 않은 변수를 나타냅니다. null: 값이 없음을 나타냅니다. 심볼(Symbol): 유일하고 변경 불가능한 기본 데이터 타입입니다. 2. 객체(Object) 객체는 키(key)와 값(value)의 쌍으로 이루어진 속성(property)의 집합입니다. 배열(Array), 함수(Function), 정규 표현식(RegExp) .. 2024. 2. 6. [JavaScript] 화살표 함수 (Arrow Function) 1. 화살표 함수(Arrow Function) 란? 자바스크립트의 화살표 함수(arrow function)는 ES6에서 도입된 함수 표현식의 간단한 형태입니다. 화살표 함수는 function 키워드 대신 화살표(=>)를 사용하여 함수를 선언합니다. 이를 통해 함수를 더 간결하게 작성할 수 있습니다. 화살표 함수의 구문 예시 1. 기본구문 const 함수명 = (매개변수) => { // 함수의 내용 }; 2. 매개변수가 하나인 경우 const square = x => x * x; console.log(square(5)); // 출력: 25 3. 매개변수가 여러개인 경우 const sum = (a, b) => a + b; console.log(sum(3, 4)); // 출력: 7 4. 함수내용이 한줄인 경우.. 2024. 2. 2. [JavaScript] Reduce() 란? Reduce() 란? - 배열의 각 요소에 대해 주어진 reducer 함수를 실행하고, 하나의 결과값을 반환 const array1 = [1, 2, 3, 4]; // 0 + 1 + 2 + 3 + 4 const result = 0; const sum = array1.reduce( (accumulator, currentValue) => accumulator + currentValue, result, ); console.log(result); // Expected output: 10 - 리듀서 함수는 네개의 인자를 가진다. 1. 누산기 (acc) 2. 현재 값 (cur) 3. 현재 인덱스 (idx) 4. 원본 배열 (src) 리듀서 함수의 반환 값은 누산기에 할당되고 누산기는 순회 중 유지되므로 최종 결과는 .. 2024. 2. 2. [Javascript] Date Methods (간단한 시계 구현) new Date 객체를 사용하면 날짜와 시간을 가져올수있습니다. 이를 활용하여 간단하게 시계를 구현해보겠습니다. 날짜와 시간은 아래와 같은 범위로 이용됩니다. 1. 연도(year) : 1900년(00) ~ 1999년(99) 2. 월(month) : 1월(0) ~ 12월(11) 3. 일(day) : 1일(1) ~ 31일(31) 4. 시(hours) : 0시(0) ~ 23시(23) 5. 분(minutes) : 0분(0) ~ 59분(59) 6. 초(seconds) : 0초(0) ~ 59초(59) Date Get Methods 종류 Date Set Methods 종류 아래는 간단하게 Date Get Methods를 활용하여 시계를 구현했습니다. padStart()는 변수값 앞쪽에 지정하는 문자를 넣어주는 메소드.. 2024. 1. 25. [Javascript] Var, Let, Const 1. var var는 전역범위 또는 함수 범위로 지정 아래를 보면, greeting은 전역 범위에 선언되었기때문에 출력이 가능하지만, greet()함수 안에있는 변수 greet은 함수 안에서 선언되었기 때문에 출력 되지 않습니다. var greeting = "Hello"; function greet(){ var greet = "Hi"; } console.log(greeting); // 출력가능 -- Hello 출력 console.log(greet); // 출력 X -- Undefined 출력 재선언되고, 업데이트 가능 var greeting = "hello"; console.log(greeting); var greeting = "hi"; console.log(greeting); greeting = "ch.. 2023. 11. 15. 이전 1 ··· 4 5 6 7 다음 반응형
