Quartz sync: Jun 22, 2025, 10:40 PM

Author: codeyoma

content/Computer Science/1 Foundations & Theory/Theory of Computation/32bit vs 64bit.md

@@ -0,0 +1,13 @@
+---
+description:
+aliases:
+created: 2025-06-22
+modified: 2025-06-22
+---
+
+-  64비트와 32비트의 차이점
+	- 레지스터 버스 크기 
+	- 소프트웨어적 차이점
+		- 메모리할당 사이즈 차이
+			- 32bit -> 4gb
+			- 64bit -> 16eb

content/Computer Science/1 Foundations & Theory/Theory of Computation/Single source of truth.md

@@ -0,0 +1 @@
+- 정보 시스템 설계 및 이론에서의 단일 진실 공급원(Single Source of Truth, SSOT)은, 모든 데이터 요소를 한 곳에서만 제어하거나 편집하도록 조직하는 관례를 말한다

content/Computer Science/5 Software Development/Programming Language/JavaScript/AJAX.md

@@ -0,0 +1,13 @@
+---
+description:
+aliases:
+created: 2025-06-22
+modified: 2025-06-22
+---
+
+- AJAX = **A**synchronous **J**avaScript **A**nd **X**ML
+- Read data from a web server - after the page has loaded
+- Update a web page without reloading the page
+- Send data to a web server - in the background
+- 브라우저에서 서버로 비동기 요청에 쓰임 
+- fetch, axios, react-query, swr

content/Computer Science/5 Software Development/Programming Language/JavaScript/Callback Hell.md

@@ -0,0 +1,9 @@
+---
+description:
+aliases:
+created: 2025-06-22
+modified: 2025-06-22
+---
+
+- 비동기 처리를 콜백으로 처리하면서 생기는 중첩된 구문
+- promise나 await/async로 해결

content/Computer Science/5 Software Development/Programming Language/JavaScript/Closures.md

@@ -1,15 +1,24 @@
 ---
 description:
 created: 2025-05-18
-modified: 2025-06-09
+modified: 2025-06-22
 aliases:
   - 클로저
 ---
 
+# summary
+closures
+???
+- 외부 변수 영역의 값을 참조한 상태
+- 고로 gc에 의해 사라지지 않음
+- 캡슐화에 사용
+
+# Closures
 - [Closures](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Closures)
 	- is the combination of a function bundled together (enclosed) with references to its surrounding state (the lexical environment).
 	- gives a function access to its outer scope. In JavaScript, closures are created every time a function is created, at function creation time.
 	- 함수가 선언될 때의 렉시컬 스코프 안의 참조를 기억
+		- outer lexical environment
 	- 함수가 실행될 때, 렉시컬 스코프 안의 변수들에 접근할 수 있다
 		- 값이 아닌 접근할 수 있는 연결(참조)를 유지
 	- 함수 내부에 있는 함수가 외부 변수에 접근할 수 있는 건 클로저
@@ -54,9 +63,25 @@ aliases:
 		- state persistence
 	- examples
 		- currying
-			- 여러 인자를 받는 함수를 단일 인자를 받는 함수로 변환
+			- 여러 인자를 받는 함수를 단일 인자를 받는 함수들의 연쇄(chain)로 변환
 				- 함수의 부분 실행, 지연 실행 가능하게
 			- 함수의 재사용성, 모듈성 향상
+			- deferred execution
+				- 지연 실행
+				- 모든 함수의 인자가 등록되어야 실행
+				- ```js
+					function add(a) {
+						return function (b) {
+							return function (c) {
+								return a + b + c;
+							}
+						}
+					}
+					console. log (add (1) (2)); // not yet
+					console. log (add (1) (2) (3)); // 6
+				- 리덕스 미들웨어의 구조
+					- `const middleware = store => next => action => {}`
+		- 부분 적용 함수
 			- ```js
 				function createLogger (type) {
 					return function (message) {
@@ -69,21 +94,6 @@ aliases:
 				errorLogger("something");
 				infoLogger("something");
 				warningLogger("something");
-		- deferred execution
-			- 지연 실행
-			- 모든 함수의 인자가 등록되어야 실행
-			- ```js
-				function add(a) {
-					return function (b) {
-						return function (c) {
-							return a + b + c;
-						}
-					}
-				}
-				console. log (add (1) (2)); // not yet
-				console. log (add (1) (2) (3)); // 6
-			- 리덕스 미들웨어의 구조
-				- `const middleware = store => next => action => {}`
 		- react
 			- 함수형 컴포넌트는 자체적으로 상태 저장안되는데 어떻게?
 				- (*현재는 클로저 아님*)

content/Computer Science/5 Software Development/Programming Language/JavaScript/Data type.md

@@ -3,8 +3,11 @@
         - number
         - string
         - boolean
-        - null
         - undefined
+	        - 값이 정의되지 않음(초기화시)
+        - null
+	        - 값이 없음(명시적 선언)
+	        - type of null -> object
         - symbol
         - Bigint
     - 불변성

content/Computer Science/5 Software Development/Programming Language/JavaScript/Execution Context.md

@@ -9,22 +9,41 @@ modified: 2025-06-09
 - Execution Context
 	- 코드가 실행되는 환경을 말함
 	- 어떤 변수, 함수에 접근 가능한지를 결정
--  구성 요소
+- elements
+	- code evaluation state
+	- Realm
+		- Intrinsics
+		- Global Object
+		- Global Environment Record
+	- LexicalEnvironment
+		- Global Environment Record
+	- VariableEnvironment
+		- Global Environment Record
+	- PrivateEnvironment
+	- ScriptOrModule
+	- Function
+	- Generator
+- phase
+	- creation
+	- execution
+-  주요 구성 요소
 	- `Variable Environment`
-		- `var`, 함수 선언 등
+		- 변수, 함수 선언 등
+			- [[Variable Lifecycle]]
+			- [[Hoisting]]
 		- lexical environment과 겹쳐보이지만, 초기화용
+	- `Lexical Environment`
+		- Scope Chain 관리
+		- Activation Object
+			- 특정 스코프의 변수와 함수 선언을 저장하는 객체
+			- 구성 요소
+				- `Environment record`
+					- 내부 지역 변수, 참조
+				- `Outer Lexical Environment Reference`
+					- 전역 환경, 부모 스코프의 lexical environment 를 참조
+					- [[Closures]]의 원리 
 	- `This Binding`
 		- `this`가 참조하는 값
-	- `Scope Chain`
-		- `Lexical Environment`
-			- Activation Object
-				- 특정 스코프의 변수와 함수 선언을 저장하는 객체
-				- 구성 요소
-					- `Environment record`
-						- 내부 지역 변수, 참조
-					- `Outer Lexical Environment Reference`
-						- 전역 환경, 부모 스코프의 lexical environment 를 참조
-						- [[Closures]]의 원리 
 - 종류
 	- Global Context
 		- 전체 코드 실행 시 생성

content/Computer Science/5 Software Development/Programming Language/JavaScript/Hoisting.md

@@ -2,13 +2,18 @@
 description:
 aliases:
 created: 2025-06-09
-modified: 2025-06-10
+modified: 2025-06-22
 ---
-
-- 호이스팅은 “선언”만 끌어올려짐, “초기화”는 아니다
-- var는 undefined가 되지만 let/const는 접근 자체가 불가능
+- 자바스크립트의 실행 컨텍스트에 의한 특징
+	- 호이스팅은 “선언”만 끌어올려지는 듯한 *현상*, 실제로 끌어올려진 “초기화”가 아니다
+	- 실행 컨텍스트의 creation phase에서 선언 처리 (undefined로 initialize)
+- var는 undefined가 되지만 let/const는 접근 자체가 불가능. ![[Variable Lifecycle#^77b659]]
 	- ![[Scope#^27f6eb]]
 	- ![[Scope#^365b67]]
 		- 코드 블록 내에서만 적용
-		- Lexical Variable Scoping (구문적인 변수 영역 규칙)
 - 함수 선언은 완전히 호이스팅됨, 함수 표현식은 그렇지 않음
+- let, const, arrow function도 호이스팅이 되지만 방지하는 방법임
+	- let, const
+		- TDZ
+	- arrow function
+		- 변수처럼 취급됨으로 undefined

content/Computer Science/5 Software Development/Programming Language/JavaScript/Nullish coalescing operator.md

@@ -0,0 +1,4 @@
+- `||`
+	- 왼쪽 값이 falsy일때 오른쪽 실행
+- `??`
+	- 왼쪽 값이 `null`, `undefined`일때 오른쪽 실행

content/Computer Science/5 Software Development/Programming Language/JavaScript/Promises.md

@@ -2,7 +2,7 @@
 description:
 aliases:
 created: 2025-06-09
-modified: 2025-06-09
+modified: 2025-06-19
 ---
 
 - 프라미스 만들기
@@ -29,4 +29,9 @@ modified: 2025-06-09
 		.then(members => console.log(members))
 		.catch(err => console.error(
 				new Error("cannot load members from randomuser.me"));
-		)
+		)
+- promise 객체 생성
+- 리졸브, 리젝트 기다림
+- then 메소드 콜백 함수 상위 프로미스 객체의 풀필먼트 함수로 등록
+- 리졸브 시 해당 풀필먼트 함수 마이크로태스크큐에 등록
+- 프로미스 객체의 풀필먼트 함수 해제