AR삽질러

JavaScript - 배열 (11) 1. 배열 - 여러개의 값을 순차적으로 담을 수 있는 자료형으로 배열의 각 요소는 index로 식별된다. - index는 0에서 부터 시작하고 값의 리스트를 저장하고 조작하거나 접근하는데 유용하다. 2. 배열의 생성 // 1. 배열 생성let arr1 = new Array(); // 배열 생성자let arr2 = [];let arr3 = [1, 2, 3, true, "Hi", null, undefined, () => {}, {}, []];console.log(arr3);배열 생성자(Array Constructor) : new Array() 구문으로 배열을 생성할 수 있다.배열 리터럴(Array Literal) : [ ] 를 사용해 배열을 생성할 수 있다.배열은 num..

JavaScript - 객체 (10) 1. 객체(Object) - 원시 타입이 아닌 객체 타입의 자료형으로 여러가지 값을 동시에 저장할 수 있는 자료형을 의미한다. 자료형(DataType) 원시자료형(Primitive Data Types)   - Number, String, Boolean, null, undefined, Symbol 객체타입(Object Data Types)   - Object, Array, Function, Date, Map, Set 2. 객체생성 - 객체는 key - value쌍의 컬렉션으로 키는 문자열 또는 심볼, 값은 어떠한 데이터 타입도 올 수 있다.let obj1 = new Object(); // 객체 생성자let obj2 = {}; // 객체 리터럴 3. 객체 속성let pe..

JavaScript - 스코프 (9) 스코프(Scope) - 범위를 뜻하며 변수나 함수에 접근하거나 호출할 수 있는 범위를 말한다. - 전역 스코프(Global Scope) 와 지역 스코프(Local Scope)로 나눌 수 있다. 1. 전역스코프(Global Scope) - 전역 스코프는 어디에서나 전체 영역에서 접근 가능한 범위로 함수나 블록 밖에서 선언된다.let a = 1; // 전역 스코프 2. 지역 스코프(Local Scope) - 지역 스코프는 특정 영역에서만 접근 가능한 범위로 함수 안에서 선언된 변수는 함수 외부에서 접근할 수 없다.function funcA() { let b = 2; console.log(a); // 지역 스코프 function funcB() {}}funcA();fu..

JavaScript - 콜백함수 (8) 콜백함수 - 자신이 아닌 다른 함수의 인수로 전달되어 실행되는 함수를 의미하며 해당 함수 내부에서 호출되는 함수로 주로 비동기 작업(이벤트처리, 타이머, 네트워크 요청 등)과 배열에서 자주 사용된다.function main(value){}function sub(){ console.log("sub");} 콜백함수의 활용function repeat(count, callback) { for (let idx = 1; idx { console.log(idx);});repeat(5, (idx) => { console.log(idx * 2);});repeat(5, (idx) => { console.log(idx * 3);}); repeat함수는 count, callba..

JavaScript - 함수표현식과 화살표함수 (7) 1. 함수표현식 - 함수 표현식은 함수 선언과 다르게 함수의 이름을 생략하고 변수에 익명함수를 할당하는 방식이다.// 1. 함수표현식function funcA() { console.log("funcA");}let varA = funcA;varA(); 2. 익명함수 - 이름이 없는 함수로 주로 함수 표현식에서 사용된다.let varB = function(){ console.log("funcB");}  3. 화살표 함수 (Arrow Function) - 화살표 함수는 ES6에서 도입된 간결한 함수 표현식으로 일반 함수표현식보다 짥은 문법을 제공한다.// 2. 화살표 함수let varC = (value) => value + 1;console.log(var..

JavaScript - 함수 (6) 함수 - 함수는 특정 작업을 수행하는 코드 블록으로 함수를 사용하면 코드의 재사용성을 높이고 가독성을 향상시킬 수 있다. 1. 함수 호출// 함수선언function greeting() { console.log("안녕하세요");}console.log("함수 호출 전");greeting();console.log("함수 호출 후");  2. 직사각형의 넓이를 구하는 함수 - 매개변수와 반환값function getArea(width, height) {// 매개변수 function hello() { // 중첩함수 console.log("함수호출"); } hello(); let area = width * height; return area; // 반환값}let a..

JavaScript - 반복문 (5) 반복문(Loop, Iteration) - 어떠한 동작을 반복해서 수행할 수 있도록 만들어주는 문법으로 조건이 참일때 코드를 반복적으로 실행한다. 1. for - 반복 횟수가 명확할 때 주로 사용된다.// 1. 반복문for (let idx = 1; idx = 5) { break; }} 2. while - 주어진 조건이 참인 동안 코드를 반복해서 실행한다. 조건이 거짓이 될경우 반복을 종료한다.// 2. whilelet i = 1;while (i let i = 1 : 초기화while(i i++ : 반복이 끝날 때마다 i를 1씩 증가 3. do while - 조건이 거짓이더라도 코드 블록은 최소 한번이상 실행된다.let j = 1;do { console.log(j..

JavaScript - 조건문 (4) 조건문 - 특정 조건을 만족했을 때 실행되는 코드를 작성하기 위한 문법으로 if, switch 조건문이 대표적이다. 1. if - if 조건문은 주어진 조건이 참일때 특정코드를 실행하며 else if, else 를 사용해 여러 조건을 처리할 수 있다.// 1. if 조건문let num = 1;if(num >= 10){ console.log("num은 10 이상입니다.");}else{ console.log("num은 10 이하입니다.");} // 1. if 조건문let num = 6;if(num >= 10){ console.log("num은 10 이상입니다.");}else if(num >= 5){ console.log("num은 5이상입니다.");..

JavaScript - 연산자 (3) 연산자(Operator)  - 프로그래밍에서 다양한 연산을 위한 기호, 키워드(+, -, * , /, %) 1. 대입연산자 - 변수에 값을 할당하는데 사용된다.// 1. 대입연산자let var1 = 1; 2. 산술연산자 - 숫자간의 산술 연산을 수행let num1 = 5 + 2;let num2 = 5 + 2;// * / % 는 + - 보다 우선순위가 높다.let num3 = 5 * 2;let num4 = 5 / 2;let num5 = 5 % 2;let num6 = 5 + 2 * 10;console.log(num6); 3. 복합대입연산자 - 연산과 할당을 동시에 수행// 3. 복합 대입 연산자let num7 = 10;num7 += 20;num7 -= 20;num7 *=..

JavaScript - 형변환 (2) 1. 형 변환(Type Casting)  - 어떤 값의 타입을 다른 타입으로 변경하는 과정으로 형변환은 묵지적 형변환과 명시적 형변환이 있다. 묵시적 형 변환(암묵적 형변환)  - 개발자가 직접 설정하지 않아도 자바스크립트 엔진이 형변환을 하는것// 1. 묵시적 형 변환// 자바스크립트 엔진이 형 변환을 하는것let num = 10;let str = "20";const result = num + str;console.log(result); 명시적 형 변환  - 개발자가 직접 함수 등을 이용해서 형 변환을 한다.// 2. 명시적 형 변환// 개발자가 내장함수 등을 사용해 직접 형 변환을 명시한다.let str1 = "10";let strNum = Number(str1)..