[Typescript] 16장 JSX

1. 기본 사용법 (Basic Usage)JSX는 Javascript XML의 약자로, Javascript 코드 안에 HTML과 유사한 구문을 사용할 수 있습니다. React에서는 UI를 정의할 때 주로 사용합니다. 기본적인 JSX의 예시는 다음과 같습니다.const element = Hello, world!;2. Typescript에서 JSX 설정먼저 Typescript에서 JSX를 사용하기 위해 Typescript를 설치합니다. npm install --save-dev typescript React와 관련된 타입 정의도 설치합니다.npm install --save react react-domnpm install --save-dev @types/react @types/react-dom tsconfig...

• format_list_bulleted TypeScript
• · 2025. 3. 24.
• textsms

[Typescript] 15장 이터러블 타입

1. for..of 문 for..of문은 이터러블 객체(ex.배열, 문자열, 맵, 세트 등)의 각 요소에 대해 반복할 수 있는 구문으로, 이터러블 객체는 Symbol.iterator 메소드를 구현해야 합니다.const array = [1, 2, 3];for (const value of array) { console.log(value); // 1 2 3}2. for..of vs for..in 문for..of: 이터러블 객체의 값을 반복for..in: 객체의 속성 이름(키)을 반복const array = [1, 2, 3];console.log('for..of:');for (const value of array) { console.log(value); // 1,2,3}console.log('for..in:..

• format_list_bulleted TypeScript
• · 2025. 3. 22.
• textsms

[TypeScript] 14장 유티릴티 타입

1. Partial Partial는 모든 속성을 선택적으로 만드는 타입입니다.interface User { id: number; name: string; email: string;}const updateUser = (userId: number, userUpdates: Partial) => { console.log(`Update User ${userId} with data:`, userUpdates);};updateUser(1, { name: 'James' }); // Update User 1 with data: { name: "James" }2. RequiredRequired는 모든 속성을 필수로 만드는 타입입니다.interface UserWithOptionalFields { id?: numbe..

• format_list_bulleted TypeScript
• · 2025. 3. 20.
• textsms

[JavaScrit] 4(완). 그래프 알고리즘

1. 그래프 데이터 구조그래프는 일반적으로 인접 리스트 또는 인접 행렬로 표현되며, 인접 리스트를 사용한 방식은 다음과 같습니다.class GraphData { constructor() { this.adjacencyList = {}; } addVertex(vertex) { if (!this.adjacencyList[vertex]) { this.adjacencyList[vertex] = []; } } addEdge(vertex1, vertex2) { this.adjacencyList[vertex1].push(vertex2); this.adjacencyList[vertex2].push(vertex1); }}2. 너비 우선 탐색 (BFS)BFS에서 각 노드를 방문..

• format_list_bulleted JavaScript
• · 2025. 3. 20.
• textsms

[Rust] 9장 동시성

1. 스레드 (Threads)Rust에서 동시성을 처리하는 방법으로는 여러가지 방법이 있습니다. Rust의 동시성 모델은 안전성과 성능을 강조해, 주로 스레드와 비동기 프로그래밍을 통해 구현됩니다. 먼저 스레드는 표준 라이브러리에서 쉽게 생성할 수 있습니다. std:thread 모듈을 사용하여 스레드를 생성하고 관리합니다.use std::thread;fn main() { let handle = thread::spawn(|| { for i in 1..5 { println!("Threads: {}", i); } }); for i in 1..3 { println!("Main Threads: {}", i); } handle.jo..

• format_list_bulleted Rust
• · 2025. 3. 20.
• textsms

[MongoDB] 5장 클라이언트 도구 설치

1. MongoDB Shell 설치MongoDB Shell은 MongoDB 데이터베이스와 상호작용할 수 있는 커맨드라인 도구로 MongoDB 다운로드 센터를 통해 운영 체제에 맞는 버전을 다운받을 수 있습니다.Windows: 다운로드한 .msi 파일을 실행하여 설치macOS: .taz 파일을 다운로드 후 압축 해제하고, 해당 디렉토리에서 mongosh 명령어를 실행Linux: 패키지 관리자를 통해 설치하거나, 다운로드한 파일을 압축 해제하여 설치2. MongoDB Compass 설치 MongoDB Compass는 MongoDB의 GUI 클라이언트로, 데이터베이스를 시각적으로 관리할 수 있도록 도와주는 도구로 MongoDB Compass 다운로드 페이지로 이동하여 운영체제에 맞게 설치합니다.다운로드한 설치..

• format_list_bulleted MongoDB
• · 2025. 3. 20.
• textsms