분류 전체보기

프론트엔드/JS

4. 구조 분해 할당 (내용정리)

이 포스팅은 koans를 풀다가 더 공부가 많이 필요하겠다고 느낀 구조분해할당에 대해 알아보고 정리 구조 분해 할당?? 뭔지부터 알자 구조 분해 할당은 배열 또는 객체의 구조를 분해해서 그 분해된 값을 개별적인 변수에 담는 표현식 이라고는 하는데... 말로는 잘모르겠다 예제를 같이 보면서 이해해보자 const arr = [1, 2, 3, 4, 5]; const one = arr[0]; const two = arr[1]; const three = arr[2]; 배열 내부의 값을 새로운 변수에 각각 할당하고자 할 때, 하나씩 변수를 선언하고, 값을 할당하는 과정을 거쳐야된다. 하지만! 이때 배열의 구조분해할당 이라는 것을 사용하면 변수를 선언하고, 할당하는 과정을 한번에 해결할 수 있다. const arr ..

프론트엔드/JS

3. 클로저 내용정리

클로저 처음엔 closer인줄 알았던 클로저. 사실은 closure이라는... 처음알았다 클로저는 그냥 처음부터 난해하다고 설명을 하고있다. 예를 들어보면 이해가 편할수도있다. const x = 1; function outerFn() { const x = 10; function innerFn() { console.log(x); //10 } innerFn(); } outerFn(); 위의 예를 보면 outerFn 내부에서 중첩함수 innerFn이 정의되고 호출되었다. 이때 중첩 함수 innerFn의 상위스코프는 외부 함수 outerFn의 스코프이다. 따라서 innerFn 내부에서 자신을 포함하고 있는 외부함수 outerFn의 x 변수에 접근하여 콘솔에 10이 찍힌다. const x = 1; function..

코테/koans, 코플릿, sprint

1. Koans 풀이

오늘은 이틀에 걸쳐 푼 koans 내용들에서 새롭게 알게된 점을 적어보려한다. it("lexical scope와 closure에 대해 다시 확인합니다.", function () { let age = 27; let name = "jin"; let height = 179; function outerFn() { let age = 24; name = "jimin"; let height = 178; function innerFn() { age = 26; let name = "suga"; return height; } innerFn(); expect(age).to.equal(26); expect(name).to.equal("jimin"); return innerFn; } const innerFn = outerFn(..

프론트엔드/JS

2. 실행 컨텍스트, 렉시컬 환경 내용정리

실행 컨텍스트?? 그게 무엇이죠..? 자바스크립트의 동작 원리를 담고 있는 핵심 개념이다. 그래서 그게 뭐냐구요?? 이 글을 읽다보면 이해가 되실수도 있습니다. (안되실수도...) ECMAScript 사양은 소스코드를 4가지 타입으로 구분. 전역코드, 함수코드, eval코드, 모듈코드 소스코드 타입 설명 전역코드 전역 코드는 전역 변수를 관리하기 위해 최상위 스코프인 전역 스코프를 생성해야 한다. 그리고 var키워드로 선언된 전역 변수와 함수 선언문으로 정의된 전역 함수를 전역 객체의 프로퍼티와 메서드를 바인딩하고 참조하기 위해 전역객체와 연결 함수코드 함수코드는 지역 스코프를 생성하고 지역변수, 매개변수, arguments 객체를 관리해야 한다. 그리고 생성한 지역 스코프를 전역 스코프에서 시작하는 스..

카테고리 없음

1. 블로그 갈아타기, 티스토리 세팅

이번 포스팅에서는 나의 개발 블로그를 벨로그에서 티스토리로 옮기는 작업을 작성하려한다. 내가 애지중지 24개의 게시물을 하나하나 작성했었는데... 그치만 작성법이 살짝 불편하다는 느낌이 들어서 옮기려고 한것이다. 티스토리 이거 어케하지.... 벨로그 겨우 적응하나했더니 다시 원점 뭐,, 인간은 적응의 동물이라고 또 적응하겠지 금방.. 아마도 또 그와중에 꾸며보겠다고 스킨 이것저것 뒤져보다가 다운받고는 적용도 못하는... 앞으로 티스토리와 친해지면서 이거저거 활용해보고 적응해보자 내일부터 제2의 블로깅 시작!! 나의 전 벨로그 주소는 https://velog.io/@plla_2 plla_2 (Plla2) - velog 자바스크립트 객체 정리 또한, 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값으로..

plla2
'분류 전체보기' 카테고리의 글 목록 (14 Page)