본문 바로가기

Programing/React72

[내배캠] 001. [JS] 변수 (let, const, var) 와 스코프, 호이스팅 변수란?변수의 필요성데이터를 저장하고 관리하기 위해. 데이터를 저장해서 다른 코드에서 재사용할 수 있다.let numberOfusers = 50;numberOfusers = numberOfusers + 5;console.log(numberOfusers); // 55위의 예제에서는 1번 재사용했지만, 실제로 코드를 작성하다 보면 수 십, 수 백 군데에서 재사용 하기도 한다. 이 때 원본 데이터가 변경되면 그 부분을 모두 수정해주어야 하는데, 변수에 할당해서 재사용하는 경우 변수의 값만 바꾸어 주면 되기 때문에 효율적.변수의 특징변수 선언문의 스코프변수 선언문스코프설명var함수 스코프선언된 함수 내에서 접근 가능let, const블록 스코프코드 블록 내에서만 접근 가능변수 선언문에는 let, const, v.. Programing/React 2024. 5. 10.
[ONEBITE-REACT] 021. JS 심화 - 배열 메서드 2. 순회와 탐색 이번 강의에서는 배열을 순회하고 탐색하는 메서드 5가지에 대해 학습한다. forEach 개념 모든 요소를 순휘하면서 각각의 요소에 특정 동작을 수행시키는 메서드이다. 기본형 배열명.forEach(element, index, array)(function() {};) 배열의 모든 값을 하나씩 순회하면서 출력한다. forEach에 콘솔에 출력하는 기능을 넣는다거나 특정 동작을 배열의 값마다 순회하면서 동작하게 하려면 파라미터로 위와 같이 콜백 함수를 넣으면 된다. // 콜백 함수 (익명 함수) 배열명.forEach(ele, idx, arr)(function () {}); // 축약(화살표 함수) 배열명.forEach(ele, idx, arr)(() => {}); 매개 변수 3가지 forEach의 매개변수로는 .. Programing/React 2024. 3. 20.
[ONEBITE-REACT] 020. JS 심화 - 배열 메서드 1. 요소 조작 의미 메서드(Method)란 객체에 속한 함수를 말한다. 배열(Array) 또한 객체(Object)이고 이러한 객체들은 데이터와 메서드로 이루어진다. 데이터는 말 그대로 값이고 메서드는 배열을 조작하는 함수의 역할을 하는 것이다. 이번 강의에서는 크게 6가지의 요소 조작 메서드에 대해서 배운다. 6가지의 요소 조작 메서드 push 개념 배열의 맨 뒤에 새로운 요소를 추가하는 메서드 기본형 let 객체변수명 = [값1, 값2, ...] 객체변수명.push(추가할 값1, 추가할 값2, ...) 예제 let arr1 = [1, 2, 3]; arr1.push(4); console.log(arr1); // [1, 2, 3, 4] newLength 배열의 push 메서드는 newLength라는 변수의 값으로 초기화.. Programing/React 2024. 3. 20.
[ONEBITE-REACT] JS 심화 - 반복문으로 배열과 객체 순회하기 (Iteration) 의미 배열, 객체에 저장된 여러개의 값에 순서대로 하나씩 접근하는 것을 말한다. 주의할 점은 배열의 경우에는 순서가 보장되지만, 객체의 경우에는 속성의 순서가 보장되지 않는다. 배열을 순회하는 방법과 객체를 순회하는 방법이 다르다. 배열 순회 (Iterating over Arrays) 배열을 순회할 때는 주로 for 루프, forEach 메서드, for...of 루프, map 매서드를 사용한다. for 루프 const arr = [1, 2, 3, 4, 5]; for (let i = 0; i < arr.length; i++) { console.log(arr[i]); } // 1 / 2 / 3 / 4 / 5 코드해석 for 반복문을 사용해서 i라는 변수를 만들고 0이라는 값으로 초기화한다. i { conso.. Programing/React 2024. 3. 15.
[ONEBITE-REACT] JS 심화 - 원시 타입과 객체 타입 (Primitive Types and Object Types) 정의 원시타입 (Primitve Types) 단순한 값 구성 : 숫자(Number), 문자열(String), 불리언(Boolean), Null, Undefined, Symbol 객체 타입 (Object types) 여러 속성을 포함할 수 있는 복잡한 데이터 타입 구성 : 배열(Array []), 객체(Object {}), 함수(Function), 날짜(Date) 차이 값의 저장 방식에서의 차이 원시 타입 변수가 스택 메모리에 직접 저장된다 객체 타입 변수가 스택 메모리에 직접 저장되는 것이 아니라 힙(heap) 메모리에 저장된다. 변수에는 값이 직접 저장되는 것이 아니라 변수에 대한 참조(reference)가 저장된다. 예를 들어 let num = 1 이라는 number 타입의 원시 타입 데이터는 num.. Programing/React 2024. 3. 15.

티스토리툴바