JavaScript

모든 변수 선언은 호이스트 된다.호이스트란, 변수의 정의가 그 범위에 따라 "선언(declaration)/초기화(initialization)/할당/분리" 되는 것을 의미한다.어려운 말이다. 쉽게 설명하면 함수 안에 있는 선언들을 모두 끌어올려서 해당 함수 유효 범위의

나도 아름다운 이미지로 글을 시작하고 싶다. 나중을 위해 괜찮은 이미지가 있다면 차근차근 모아보아야 겠다.javascript에 Template Literal이란 개념은 ES06에 와서야 추가되었다고 한다.이것 말고 ES6에 추가된 Javascript 문법이 많다고 알고

드림코딩 엘리 JS수업엘리 수업을 정리해준 Notion 사이트자바스크립트을 html에 포함할 때 어떤게 가장 효율적인지fetching js: 서버에서 js파일을 가져온다.executing js: 가져온 js파일을 브라우저에서 실행한다.단점: html태그들이 다 나오기

vvv

저번 내용 보충Immutable: primitive type(number, string, ... ), frozen objects(i.e. object.freeze())Mutable: 그 외 모든 타입문자 결합 예시숫자 결합 예시const preIncrement = +

드림코딩 엘리 JS수업엘리 수업을 정리해준 Notion 사이트작은 프로그램이라고도 불린다.함수의 선언.함수의 이름, 파라미터, 리턴값을 가질 수 있다.하나의 함수는 하나의 기능만 가질 수 있게 하는 것이 좋다.함수의 이름은 동사형으로 하는것이 관례이다.JS자체에는 파라

조금 더 연관있는 데이터를 모아주는 역할을 한다.templatedeclare onceno data ininstance of a classcreated many timesdata in클래스가 있기 전에는 function을 이용해 object를 만들었다.기존에 protot

JS의 데이터 타입중 하나key와 value로 이루어져 있다.{}를 사용한 literal 문법new Class를 사용한 object constructor문법ellie.hasJob = true; JS는 동적 타입 언어이기 떄문에 언제든지 맘대로 속성을 추가할 수 있다.d

자료구조. 어떤 방식으로 어떤 형식으로 담아 놓을 것인지? Object와 자료구조의 차이 Object 객체 == 하나의 사물 자료구조 객체들의 담아 놓은 형태 Array 1. Declaration 2. Index position index를 통해 배열의

배열에 여러 API들을 활용해보고 이해해보자.배열의 값을 특정 분간자? 를 이용해 묶어주는 방법apple, banana, orage문자열의 특정 분간자 를 기준으로 배열 만들기\['apple', 'banana', 'orange']단순히 값을 뒤집는 방식\[5, 4, 3

Javascript Object NotationECMAScript 3rd 1999에 발표된 Javascript객체에 큰 영감을 받아서 만들어진 데이터 포멧key와 value로 이루어진 모습을 참고모바일이나 파일 object를 파일 시스템에 저장할 때도 JSON을 이용가

javascript는 기본적으로 hoisting을 제외하면 동기적인 언어이다.여기서 동기적이라하면 위에서 아래로 순차적으로 실행됨을 말한다.setTimeout()을 통해 비동기 메소드를 간접 체험할 수 있다.여기서 callback이란 파라미터로 함수를 주어서 나중에 불

PromisePromise는 하나의 객체이다.여기서는 이전에 작성한 callback지옥 코드에서 Promise문법을 적용하면 어떻게 변경되는가를 중점적으로 다뤄보겠다.나는 처음에 loginUser와 getRoles메소드를 Promise객체로 만들어야 한다는 생각은 했지

말 그대로 이벤트 핸들러를 다른(상위 태그)에 위임(원래 내가 해야하지만 대신 부탁해\~~^^)하는 행위이다.이벤트 핸들러 한번 연결할 때 마다 기본적으로 메모리를 꽤나 잡아 먹는다.당연히 listen이라는 작업 특성상 항상 대기해야 하기 때문에 어떻게 보면 당연하다.

includes와 indexOf는 해당 요소가 있는지 없는지 검사해준다.반면에 find, findIndex는 해당 조건을 통과(=callback)을 통과하는 요소가 있는지 검사해준다.includesfindindexOf와 findIndex역시 동일하다.

응당 프론트 엔드 개발자라면 js를 쓸 것이고기왕 js를 쓴다면 js에서 자주 사용되는 메서드들을 잘 활용해야 한다고 생각한다.오늘은 그중에서 가장 복잡해보이는 메서드 중 하나인 reduce를 최대한 정리해보려 한다.mdn 공식 사이트를 기준으로 정리한다.reduce(

이 글은 다른분의 글을 그대로 복사하는 것에 불과하며, 글의 내용을 온전히 이해하고싶어 작성한 내용입니다. 출처: 자바스크립트 Prototype 완벽 정리자바스크립트 객체는 Prototype이라는 내부 프로퍼티가 존재거의 모든 객체가 생성시점에 이 프로퍼티에 null이

여타 OOP 언어처럼 클래스를 통해 instance를 만들 수 있는 자료형속성이나 메서드를 클래스에 종속되게 사용한다.instance를 통해서는 접근할 수 없다.클래스 내부에서만 해당 값이나 메소드를 호출하거나 사용가능하다.보통 getter와 setter를 통해 값을

현재 크롬을 제외한 대부분의 브라우저에서 지원 X https://wicg.github.io/netinfo/https://developer.mozilla.org/ko/docs/Web/API/Navigator/connectionhttps://c