평행우주 : world 1

코플릿을 풀면서 익명함수를 많이 사용했는데, 정확한 의미와 적절한 사용법이 궁금해져 포스팅을 하게 되었다. 즉시 실행 함수 함수 정의와 동시에 즉시 호출되는 함수 단 한 번만 호출되며, 다시 호출할 수 없다 일반적으로 익명함수를 사용한다 익명 함수 함수의 이름이 존재하지 않는다 재사용 하지 않는 함수를 위한 개념이다 리터럴 방식( ex: let a = 1; )으로 변수에 담겨 사용하는 함수이다 리터럴 방식으로 사용되는 익명 함수는, 변수에 저장된다 리터럴 방식으로 사용되는 익명함수는, 함수를 담는 변수의 선언부만 호이스팅 된다 익명 함수 자체는 변수가 호출 되었을 때 실행되기 때문에, 선언부가 호출 위치보다 상단에 위치해야 한다 재사용을 하지 않는 함수 코드를 작성할 때, 익명함수를 이용하면 메모리 관리..

개발을 공부하면서 느낀 점은 아주 많은 용어가 있고, 세세하게 구별한 만큼 의미가 각각 다르다는 것이다. 지금 공부하고 있는 코드스테이츠 블록체인 과정에서 지금껏 만난 페어분이 모두 관련 전공자거나 종사자였기 때문에.. 소통하면서 내가 각 용어를 제대로 이해하지 못했고, 잘못사용 하고 있음을 인지했다. 그리고 그게 소통에 있어서 매우 중요하다는 점도.. 용어 정리의 필요성을 느꼈다. 값 (value) 값은 식이 평가 되어 생성된 결과를 말한다 모든 값은 데이터 타입을 가진다 +) '변수' : 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 공간을 식별하기 위해 붙인 이름 '변수'에 할당 되는 것 : 값 평가 (evaluate) 식을 해석해서 값을 생성하거나, 참조하는 것을 의미한다 표현식 (ex..

호이스팅에 대해 공부하다가 변수참조 코드가 변수 선언문 앞에 있을 때 undefined 가 뜨는 것을 보고, 그렇다면 변수 값 할당이 변수 선언문 앞에 있을 때는 어떠할지 궁금해졌다. 변수 선언 실행 시점과 변수 호이스팅 console.log(js); // undefined 변수 참조 코드 let js; // 변수 선언 변수 선언보다 변수 참조 코드가 먼저 나온 경우, referenceError가 뜨지 않고 undefined가 뜬다. 이 결과를 이해하기 위해서는 1) 변수 선언 수행 단계 2) 호이스팅 에 대한 이해가 필요하다. 1) 변수 선언 수행 단계 자바스크립트 엔진은 변수 선언을 2단계에 거쳐 수행한다 선언 단계 : 변수 이름을 등록해 자바스크립트 엔진에 변수의 존재를 알린다 초기화 단계 : 값을..

const 값이 바뀌는 경우가 생겨, 그 이유를 탐구했다 const에 object를 선언 했을 때, 결과 값이 바뀌는 경우가 발생하는 이유 이를 이해하기 위해서는 '변수가 무엇을 담는 지'에 대한 이해가 필요하다. 변수에 할당되는 값은 primitive 와 object로 구분된다. primitive 값( boolean, null, undefined, number, string)은 데이터 자체가 변수에 담겨 있어 데이터 자체가 복사되어서 들어오지만, object 는 이 object를 가리키고 있는 주소(reference)가 들어있기 때문에 그 주소만 복사 되어서 들어온다 따라서 변수 const에 object를 할당하는 경우 항상 같은 reference를 찾아 출력이 될 것이고, reference 자체는 변..

CREATE - createElement document 객체의 createElement 메소드를 이용하여 새로운 div element 생성 document.createElement('div') 생성된 div element를 변수 tweetDiv 에 할당 const tweetDiv = document.createElement('div') 현재 createElement 메소드로 생성된 tweetDiv 엘리먼트는 공중에 떠있는 상태 화면에는 아무런 변화가 없음 아무것도 연결이 되어있지 않은 하나의 노드 상태 위 그림처럼 공중에 떠있는 엘리먼트를 확인하기 위해서는 APPEND 사용 APPEND 를 이용하면 실제 웹 페이지 상에 보이는 것을 확인 가능 APPEND에서, tweetDiv 를 트리 구조에 연결하게 ..

What is the DOM? DOM은 Document Object Model의 약자 HTML 요소를 Object(JavaScript Object)처럼 조작(Manipulation)할 수 있는 Model 자바스크립트를 사용할 수 있으면, DOM으로 HTML을 조작 가능 DOM은 프로그래머 관점에서 바라 본 HTML DOM을 이해하고 조작할 수 있으면, HTML을 단순한 문서에서 웹 앱으로 업그레이드 가능 DOM은 브라우저 환경에서 자바스크립트를 이용해 HTML을 조작 HTML 문서에 이미 작성되어 있는 엘리먼트 접근, 새로운 엘리먼트를 생성 또는 삭제 가능 HTML에 JavaScript 적용하기 HTML 문서에 포함되는 script 요소 웹 브라우저가 작성된 코드를 해석하는 과정에서 요소를 만나면, 웹 ..

자바스크립트를 나의 첫 언어로 배우는 중인데, 접하는 모든 교육 자료에서 JS가 너무 flexible하기 때문에 위험성이 높다고 한다. 분명 이를 해결할 방법이 있을 거 같아 검색하다가 알게된 방법을 기록한다. 어쨌든 타입스크립트를 꼭 배워야겠다. Vanila JS 엄격하게 사용하는 방법 JS는 타 언어에 비해 매우 flexible한 특징을 가지고 있다 덕분에 배우기는 쉬워도, 안정성이 떨어지게 되고, 이를 보완하기 위해 TS가 나왔다. 나는 아직 vanila JS만을 익히고 있는 초보여서 간단한 선언으로 보다 엄격하게 사용하는 법을 사용하려고 한다. JS 코드 선두 첫 줄에 넣으면 된다 'use strict';