JavaScript

js 배열에 대해 공부한 글입니다.

똑같은 이름으로 여러번 선언 가능유효범위에 문제. var키워드는 기본적으로 function scope를 가지게 된다.바로 조건문 안에 result라는 변수를 선언했는데 if 조건문 밖에서 result가 사용이 가능한 정말 기이한 상황이 발생Hoisting(호이스팅)의

함수 선언문 : 함수 선언문이 정의되기 전에 호출할 수 있다.함수 표현식 : 실행 흐름이 함수에 도달했을 때 해당 함수를 사용할 수 있다.함수 선언문으로 코드를 구성하는 것이 좋다. 함수 선언문을 사용할 경우 함수가 선언되기 전에 호출할 수 있어서 코드를 좀더 편하게

원시형: 하나의 데이터만 담을 수 있다.객체형: 원시형과 다르게 다양한 데이터를 담을 수 있다.

파트2 1.1-1.8 정리한 글 입니다.호스트 환경이 웹 브라우저일 때 사용할 수 있는 기능최상단엔 window라 불리는 루트 객체가 있다window 객체의 역할자바스크립트 코드의 전역 객체이다브라우저 창을 대변하고, 이를 제어할 수 있는 메서드를 제공웹 페이지 내의

자바스크립트의 객체는 명세서에서 명명한 \[\[Prototype]]이라는 숨김 프로퍼티를 갖는다.숨김 프로퍼티 값은 null 또는 다른 객체에 대한 참조다른 객체를 참조하는 경우 참조 대상을 프로토타입(prototype)이라고 한다.object에서 프로퍼티를 읽으려고

class는 객체를 정의하기 위한 상태(멤버 변수)와 메서드(함수)로 구성된다.new Food()를 호출하면 내부에서 정의한 메서드가 들어 있는 객체가 생성된다.객체 기본 상태를 설정해주는 메서드 constructor()는 new에 의해 자동으로 호출된다.자바스크립트에

동기: 작업이 끝날 때까지 기다리는 동안 중지 상태가 디고, 해당 작업이 끝나야 비로서 그 다음 예정된 작업을 할 수 있습니다.비동기 처리: 특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고, 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미합니다.흐름이

개발하는 애플리케이션의 크기가 커지면 언젠가 파일을 여러 개로 분리해야 하는 시점이 옵니다.이때 분리된 파일 각각을 모듈(module)이라고 부릅니다.모듈은 대개 클래스 하나 혹은 특정한 목적을 가진 복수의 함수로 구성된 라이브러리 하나로 구성됩니다. 모듈은 단지 파일

expr1 && expr2 expr1이 true이면 expr2 반환하고, 그렇지 않으면 expr1을 반환expr1 || expr2 expr1이 true이면 expr1을 반환하고 그렇지 않으면 expr2를 반환&& 연산자는 || 이전에 실행되므로 서로 다릅니다.true

1993 Mosaic Web Browser 출시1994 Netscape Navigator (조금 더 ui 요소가 더해짐)Marc Andreessen - 어떻게 하면 동적인 웹사이트를 만들 수 있을까? 고려Brendan Eich에게 Scheme Script 성격을 유지하

let globalName = 'global name';{let name = 'jiwon';console.log(name);name='kim ji won';console.log(name);}block 밖에서는 block 안에 있는 내용을 볼 수 없다.block 밖에서

각 컴포넌트는 자신이 담당하는 화면을 그리기 위해 가장 최소한의 책임과 의존성을 가져야 한다.TodoCount를 그리기 위해 TodoList에 접근해와서는 안 된다.만약 위의 두개를 묶어버리면, TodoList의 변화가 TodoCout에 영향을 주는 구조가 되어 복잡도

결과는?세번째 두번째 첫번째Anonyomus은 가상의 전역 컨텍스트(항상 있다고 생각하는 게 좋습니다)함수 호출 순서대로 쌓이고, 역순으로 실행됩니다결과는?시작 끝 3초 후 실행setTimeout은 비동기 입니다호출 스택만으로는 설명이 안됩니다호출 스택 + 이벤트 루프

👉 || (or), finds the first truthy valuetrue 값 찾으면 멈춤!value1이 true라면 wasting time 출력 xTip) simple한 value 아이들을 맨 앞에 두고 함수같이 복잡한 아이들을 뒤에 두자!👉 && (and

//js는 절차형 언어// Function// - fundamental building block in the program// 프로그램에서 기본적인 building block// - subprogram can be used multiple times// subprog

// Object-oriented programming// class 붕어빵 틀// - template// - declare once// - no data in// object 팥 붕어빵, 크림 붕어빵..// - instance of a class// created m

// Object// one of the JavaScript's data types// a collection of related data and/or functionality// Nearly all objects in JavaScript are instances of

// Array 🍕// 1. Declarationconst arr1 = new Array(1, 2);const arr2 = 1, 2;console.log(arr1); //1,2// 2. Index positionconst fruits = "🍅", "🍋";conso

// Q1. make a string out of an arraylet fruits = "apple", "banana", "orange";console.log(fruits.toString()); //apple,banana,orangeconsole.log(fruits.j

비동기를 간편하게 처리할 수 있도록 도와주는 자바스크립트 오브젝트Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과 값을 나타냅니다.state: (만들어져서 수행 중일 때)pending (성공적으로 완료)fulfilled (실패)rejected