Quartz sync: Jun 9, 2025, 6:21 PM

Author: codeyoma

content/Computer Science/1 Foundations & Theory/Algorithms/Strongly Connected Component.md

@@ -1,10 +1,12 @@
 ---
-created: 2025/5/07 14:36:09
-modified: 2025/5/07 14:36:16
+description:
+created: 2025-05-18
+modified: 2025-06-09
 aliases:
   - scc
   - 강한 연결 요소
 ---
+
 - 방향 그래프에서, 모든 정점 쌍 (u, v)에 대해  u → v와 v → u가 모두 존재하는 정점들의 최대 집합
 	- 1 → 2 → 3 → 1
 	- 4 → 5 → 6 → 4

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

@@ -0,0 +1,27 @@
+---
+description:
+aliases:
+created: 2025-06-09
+modified: 2025-06-09
+---
+
+-  arguments
+    - 함수에 전달된 모든 인자(arguments)를 담고 있다
+    - 함수의 파라미터 개수와 상관없이 접근할 수 있다
+    - 유사 배열 객체
+        - map(), forEach() 같은 메서드는 없음
+    - 화살표 함수에서는 없다
+    - 
+		```js
+		function func1(a, b, c) {
+		  console.log(arguments[0]); // 1
+		  console.log(arguments[1]); // 2
+		  console.log(arguments[2]); // 3
+		}
+		
+		func1(1, 2, 3);
+		```
+- ...args
+    - 함수 호출 시 넘겨진 모든 인자를 배열로 모아줌
+    - 나머지 매개변수(rest parameter)
+    - 실제 배열 객체

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

@@ -0,0 +1,2 @@
+- async/await
+	- try/catch로 감싸기

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

@@ -0,0 +1,30 @@
+---
+description:
+aliases:
+created: 2025-06-09
+modified: 2025-06-09
+---
+
+- 선언 방법
+	- prototype
+	- `new` syntax (construct function)
+	- ES6 `class` syntax
+- Prototypical Inheritance - 프로토타입을 사용한 상속
+	- `Class, contructor.. ` 구문은 syntatic sugar (구문적 편의)
+	- 내부적으로 프로토타입 구문으로 처리
+```js
+function Vacation(destination, length) {
+  this.destination = destination
+  this.length = length
+}
+
+Vacation.prototype.print = function() {
+  console.log(this.destination + " will take " + this.length + " days")
+}
+
+var maui = new Vacation("Maui", 7)
+
+maui.print()
+
+```
+- 오늘날 [[React|리액트]]는 클래스를 멀리하고, 함수를 사용해 컴포넌트 구성

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

@@ -0,0 +1,21 @@
+- Primitive
+    - types
+        - number
+        - string
+        - boolean
+        - null
+        - undefined
+        - symbol
+        - Bigint
+    - 불변성
+    - stack area
+- Reference
+    - types
+        - object
+        - array
+        - function
+        - RegExp,
+        - Set
+        - Map
+    - 가변성
+    - heap area

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

@@ -0,0 +1,27 @@
+	
+- Deep copy
+	- 객체의 모든 레벨(depth)에 대해 복사
+	- `JSON.parse()`
+		- 성능상 문제
+		- 순환 참조나, 특정 구조 복사 불가능
+	- 재귀함수
+	- `immer.js`, `lodash` library
+		- `json.parse()`의 문제 해결
+		- 
+			```js
+			import { produce } form 'immer';
+			
+			let a = {
+				more: {
+					gender: "male"
+				}
+			}
+			
+			let b = produce(a, draft => {
+				draft.more.gender = "female";
+			})
+			
+			console.log(a === b)      // false
+			console.log(a.more.gender)// male
+			console.log(b.more.gender)// female
+			```

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

@@ -0,0 +1,20 @@
+- `const {x, y} = test`
+- `import { ReactNode as RN } from 'react';`
+- 
+	```js
+	const regularPerson = {
+		firstname: "",
+		lastname: "",
+		spouse: {
+			firstname: "",
+			lastname: ""
+		}
+	};
+	
+	// 구조분해
+	const lordify = ({spouse: { firstname } }) => {
+		console.log(`${firstname}`);
+	}
+	
+	lordify(regularPerson);
+	```

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

@@ -0,0 +1,15 @@
+---
+description:
+aliases:
+created: 2025-06-09
+modified: 2025-06-09
+---
+
+- construct
+- declaration
+- expression
+- arrow function
+	- 화살표 함수는 자체적인 this를 가지지 않는다
+	- 선언된 스코프(문맥)에 this가 있다면, 그 값을 캡처(closure)하여 사용한다.
+- method
+- IIFE (Immediately Invoked Function Expression)

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

@@ -0,0 +1,14 @@
+---
+description:
+aliases:
+created: 2025-06-09
+modified: 2025-06-09
+---
+
+- 호이스팅은 “선언”만 끌어올려짐, “초기화”는 아니다
+- var는 undefined가 되지만 let/const는 접근 자체가 불가능
+	- ![[Scope#^27f6eb]]
+	- ![[Scope#^365b67]]
+		- 코드 블록 내에서만 적용
+		- Lexical Variable Scoping (구문적인 변수 영역 규칙)
+- 함수 선언은 완전히 호이스팅됨, 함수 표현식은 그렇지 않음