Today Hailie Learned

목표 스코프의 의미와 적용 범위를 이해한다. 스코프의 주요 규칙을 이해한다. 전역 스코프와 지역 스코프의 차이를 이해한다. block scope와 function scope의 차이를 이해한다. 변수 선언 키워드(let, const, var)와 스코프와의 관계를 설명할 수 있다. 전역 객체가 무엇인지 설명할 수 있다. 스코프란? 스코프의 정의: 변수 접근 규칙에 따른 유효 범위 범위가 중괄호(블록) 또는 함수에 의해 나누어지고, 그 범위를 스코프라고 부른다. 규칙1. 바깥쪽 스코프에서 선언한 변수는 안쪽 스코프에서 사용 가능 안쪽 스코프에서 선언한 변수는 바깥쪽 스코프에서 사용 불가능 규칙2. 스코프는 중첩이 가능하다. 규칙3. 가장 바깥의 스코프는 특별히 전역 스코프 (Global scope)라고 부른다..

원시 자료형(primitive data type) = number, string, boolean, null, undefined 과 같은 고정된 저장 공간을 차지하는 데이터 참조 자료형(reference data type) = array, object, function 원시 자료형의 특징과 종류 string, number, bigint, boolean, undefined, symbol, (null) 복사한다면 값을 복사 원시 자료형의 보관함인 변수에는 하나의 원시 자료형만 담을 수 있다. 일정한 크기의 데이터가 온다고 예상할 수 있기 때문에 원시 자료형이 담기는 보관함의 크기는 고정하는 것이다. 변수에는 데이터의 크기와는 관계없이 하나의 데이터만 담을 수 있다. 원시 자료형은 값 자체에 대한 변경이 불가능..

객체를 배우는 이유! 각기 다른 값을 가지지만, 입력해야 하는 데이터의 종류가 동일한 경우 객체를 사용하면 손쉽게 데이터를 관리할 수 있다. 목표! 배열과 객체의 특징을 구분하고, 배열과 객체의 특징에 따라 웹 애플리케이션 개발 시 어떻게 사용되는지 이해한다. 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다. 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다. 배열과 객체, 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있다. 객체는 키(key)와 값(value)으로 이루어져 있다. let user = { firstName: ‘Hailie’, lastName: ‘Lee', email: ‘0000@gmail.com’,..

splice 와 slice 차이 => splice는 원본 배열을 변경하고, slice는 원본 배열은 변경하지 않는다. 배열의 중간에 요소를 추가하거나 제거하기 .splice(_, _, _) push, pop, unshift, shift 매서드와 마찬가지로 모두 원본 배열을 직접 변경하는 매서드이다. 매개변수는 3개 갖는다. ✔️ start: 원본 배열의 요소를 제거하기 시작할 인덱스. start만 지정하면 원본 배열의 start부터 모든 요소를 제거한다. 음수인 경우, 배열의 끝에서의 인덱스를 나타낸다. (-1: 마지막 요소, -n: 마지막에서 n번째 요소) 필수매개변수 ✔️ deleteCount: 제거할 요소의 개수, 0인경우 제거되지 않는다. 옵션매개변수 ✔️ items: 제거한 위치에 삽입할 요소...

희소배열은 length와 배열 요소의 개수가 일치하지 않는다. 희소 배열의 length는 희소 배열의 실제 요소 개수보다 언제나 크다. 자바스크립트는 문법적으로 희소 배열을 허용하지만, 희소 배열은 사용하지 않는 것이 좋다. 성능에도 좋지 않다. 배열에는 같은 타입의 요소를 연속적으로 위치시키자! 위 예제의 arr은 인덱스 1인 요소를 갖지 않은 희소 배열이다. arr[1]이 undefined인 이유는 객체인 arr에 프로퍼티 키가 '1'인 프로퍼티가 존재하지 않기 때문이다. 존재하지 않는 요소를 참조하면 undefined가 반환되고, 그 배열에는 empty라고 반환된다. ⭐️참고 Array.from에 length만 존재하는 유사 재열 객체를 전달하면 undefined를 요소로 채운다. Array.fro..

배열과 객체 : JavaScript에서 대량의 데이터를 쉽게 다룰 수 있게 해주는 데이터 타입. 배열이나 객체를 사용하면 여러 번의 선언과 할당을 해야만 했던 작업을 단 한 번의 선언으로 해결할 수 있다. 배열 : 순서가 있는 값. 여기서 순서는 인덱스(Index)라고 부른다. 0부터 번호를 매긴다. 여기서 값은 요소(element)라고 부른다. 값은 인덱스를 이용해 접근한다. 배열의 인덱스 값은 할당을 통해 변경할 수 있다. 존재하지 않는 요소를 참조하면 undefined가 반환되고, 그 배열에는 empty라고 반환된다. 👇추가공부 참고👇 2022.05.10 - [JavaScript] - TIL) 희소배열, 배열 empty, 배열 undefined let myNumber = [[13, 58], [7, ..

CLI 에디터 종류 vim(vi), emacs, nano, VScode 등등 👇CLI 환경에서 hello.js를 VScode로 여는 방법 👇 code hello.js 👇텍스트 에디터 nano를 실행하는 방법👇 nano hello.js # hello.js 를 nano에서 엽니다. nano # 그냥 실행할 수도 있습니다. 패키지 안에는 하나의 프로그램이 정상적으로 설치되고 동작하기 위한 모든 파일이 압축되어 있다. 패키지 매니저는 패키지의 설치, 변경, 삭제 등 관리를 편리하게 해주는 도구이다. ex) 리눅스의 패키지 매니저 => apt, macOS의 패키지 매니저 => brew node.js 생태계의 패키지 매니저 => npm 홈브류Homebrew는 맥OSmacOS 용 패키지 매니지 애플리케이션이다. br..

Logical OR Operator (||) 연산방식 연산자를 기준으로 왼쪽부터 Truthy 값을 찾습니다. Truthy 값을 찾은 경우, 연산을 중지하고 해당 값을 반환합니다. 마지막까지 Truthy 값을 찾지 못한 경우, 마지막에 위치한 값을 반환합니다. Logical AND Operator (&&) 연산방식 연산자를 기준으로 왼쪽부터 Falsy 값을 찾습니다. Falsy 값을 찾은 경우, 연산을 중지하고 해당 값을 반환합니다. 3. 마지막까지 Falsy 값을 찾지 못한 경우, 마지막에 위치한 값을 반환합니다. ! (NOT) NOT 연산자의 우선순위는 모든 논리 연산자 중에서 가장 높기 때문에 항상 &&나 || 보다 먼저 실행됩니다. alert() 메소드의 리턴값은 undefined!!

삼항 조건 연산자 (ternary operator)는 조건식의 평가 결과에 따라 반환할 값을 결정한다. 조건식 ? 조건식이 true 일 때 반환할 값 : 조건식이 false일 때 반환할 값 const result = score >= 60 ? 'pass' : 'fail'; 첫 번째 피연산자가 true로 평가되면 두 번째 피연산자를 반환하고, 첫 번째 피연산자가 false로 평가되면 세 번째 피연산자를 반환한다. 물음표 (?) 앞의 첫 번째 피연산자는 조건식, 즉 불리언 타입의 값으로 평가될 표현식이다. 만약 조건식의 평가 결과가 불리언 값이 아니면 불리언 값으로 암묵적 타입 변환된다. const x = 2; const result = x % 2 ? '홀수' : '짝수'; console.log(result)..

반복문 for 반복문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다. 그 후 조건식을 다시 평가하여 여전히 참인 경우 코드 블록을 다시 실행한다. 이는 조건식이 거짓일 때까지 반복된다. for (변수 선언문 또는 할당문; 조건식; 증감식) { 조건식이 참인 경우 반복 실행될 문; } ex1) for (var i = 0; i = 0; i--){ console.log(i); } 위 식은 i가 1부터 시작해서 0이상일때까지 console 창에 i를 log하..