_Web/JavaScript(6)
-
[JS] 모던 자바스크립트 Deep Dive 스터디 13장~15장 스코프 #해달
#전역변수 #스코프 #식별자 #스코프체인 Scope(유효범위) 식별자가 유효한 범위 , 식별자를 검색할 때 사용하는 규칙, 네임스페이스 -> 변수를 포함한 모든 식별자(함수 이름, 클래스 이름 등)는 자신이 선언된 위치에 의해 다른 코드가 식별자 자신을 참조할 수 있는 유효범위 식별자 결정: 같은 이름을 가진 변수중에서 어떤 변수를 참조할 것인가를 자바스크립트 엔진이 결정하는 것 코드의 문맥 "코드가 어디서 실행되며, 주변에 어떤 코드가 있는지"를 나타내는 렉시컬 환경으로 이루어짐. 모든 코드는 이를 구현한 실행컨텍스트에서 평가되고 실행함. var, let, const의 중복선언 -> var은 같은 스코프 내의 중복 선언 허용 -> let, const 는 같은 스코프 내의 중복 선언 불가능 (Syntax..
2024.02.02 -
[JS] 모던 자바스크립트 Deep Dive 스터디 9장 타입 변환과 단축평가 #해달
https://dingx2-story.tistory.com/125 [JS] 모던 자바스크립트 Deep Dive 스터디 8장 제어문 프로젝트에 어떻게 적용할지 알아보기 #해달 https://dingx2-story.tistory.com/124 [JS] 모던 자바스크립트 Deep Dive 스터디 7장 연산자를 배우며 프로젝트에 어떻게 적용할지 알아보 자바스크립트로 개발하다보면 정말 수상한 오류가 발생한다. 이는 dingx2-story.tistory.com 위 글에서 이어집니다. #명시적타입변환 #타입캐스팅 #단축평가 9.1 타입 변환이란? 자바스크립트가 근본이 없다 해도 모든 값은 타입이 있다. 이는 개발자의 의도에 따라 다른 타입으로 변환할 수 있는데 이를 명시적 타입변환(explicit coercion) ..
2024.01.19 -
[JS] 모던 자바스크립트 Deep Dive 스터디 8장 제어문 프로젝트에 어떻게 적용할지 알아보기 #해달
https://dingx2-story.tistory.com/124 [JS] 모던 자바스크립트 Deep Dive 스터디 7장 연산자를 배우며 프로젝트에 어떻게 적용할지 알아보 자바스크립트로 개발하다보면 정말 수상한 오류가 발생한다. 이는 대부분 연산에서 발생하는 오류이며 연산자의 개념을 바로잡고가야 치명적인 오류에도 빠른 대처가 가능하다. 필자는 그동안 dingx2-story.tistory.com 앞선 글과 연결됩니다. #제어문 #반복문 #블록문 08장 제어문 제어문은 (control flow statement)은 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복분)할 때 사용하며 일반적으로 코드는 위에서 아래 방향으로 순차적으로 실행된다. 제어문을 이용하여 코드 실행 흐름을 인위적으로 변경할 ..
2024.01.19 -
[JS] 모던 자바스크립트 Deep Dive 스터디 7장 연산자를 배우며 프로젝트에 어떻게 적용할지 알아보기 #해달
자바스크립트로 개발하다보면 정말 수상한 오류가 발생한다. 이는 대부분 연산에서 발생하는 오류이며 연산자의 개념을 바로잡고가야 치명적인 오류에도 빠른 대처가 가능하다. 필자는 그동안의 프로젝트 경험에서 발생했던 수상한 오류의 원인을 찾아보며 정리하였다. 해당 문법을 프로젝트에선 어디에서 적용할 수 있을까? #연산자 #피연산자 #부수효과 #암묵적타입변환 #타입강제변환 07장 연산자 연산자(operator)는 하나 이상의 표현싱을 대상으로 산술, 할당(=), 비교, 논리, 타입, 지수 연산(operation) 등을 수행해 하나의 값을 만든다. 연산의 대상을 피연산자(operand)라 하며 연산의 대상이 되어야 하므로 값으로 평가될 수 있는 표현식이어야 한다. F12로 콘솔을 띄워 입력하면 다음과 같다. 자바스..
2024.01.19 -
[JS] 모던 자바스크립트 Deep Dive 스터디 4~6장 #해달
서론 타입스크립트와 비교해서 자바스크립트에 대해 좀 더 깊게 공부해보려한다. 아.. 티스토리는 임시저장이 너무... 불친절하다 ㅠㅠ 사진 로딩때문에 새로고침했다고 스터디 전으로 돌아갔네... #변수 #할당 #참조 #식별자 4장 변수 자바스크립트 코드를 실행하면 컴퓨터에서 어떻게 동작할까? evaluation 하려면, 10, 20, +라는 기호(리터럴 literal, 연산자 operator)의 의미를 알고 있어야 하며, 10 + 20 이라는 (표현식 expression)의 의미도 해석 (parsing) 할 수 있어야함. +를 기준으로 좌변과 우변 (피연산자)를 기억. CPU : 연산 메모리(memory) memory cell의 집합 한 크기가 1바이트(8bit)이며 : 기억 각 셀은 고유 메모리 주소(me..
2024.01.18 -
[JS] 모던 자바스크립트 Deep Dive 스터디 1~3장 #해달
JS는 배신하지 않는다 #프로그래밍 #컴파일러 #인터프리터 #자바스크립트 #크로스브라우징이슈 #ES6 #비동기 #Ajax #XMLHttpRequest #V8엔진 #jQuery #DOM #Nodejs #비동기I/O #단일스레드 #SPA #CBD #으로 QnA찾기 서론 지난 학기부터 나의 부족한 JS 공부를 위해서 현업자 분께 추천받은 책을 공부하려고 했다. 해달 동아리비로 스캔도 하고,, 우리 동아리 최고야 ! 모던 자바스크립트 Deep Dive는 취준생 자바스크립트 공부의 바이블로 전해진다. 그리고 양도 많지만 ... 오히려 좋아 ! 저번에 1, 2 장은 정리해서 올렸다고 생각했는데 사라졌나... ? 아무튼 다시 읽어보고 넘어가고 3장부터 정리를 하겠다. 일단 우리 스터디는 ---- 모던 자스 1. 모던..
2024.01.05