전체 글

TypeScript Part 1. Angular 프레임워크와 TypeScript현대 웹 애플리케이션은 단순히 HTML과 JavaScript만으로 구현하기에는 규모가 매우 커졌다. 로그인, 회원 관리, 서버 통신, 화면 전환, 데이터 관리, 사용자 인터페이스(UI) 등 다양한 기능을 하나의 프로젝트에서 효율적으로 관리해야 하기 때문에 체계적인 개발 환경이 필요하다. 이러한 요구사항을 해결하기 위해 등장한 것이 Angular(앵귤러)이다.Angular는 Google이 개발하고 유지보수하는 오픈소스 프레임워크로, 대규모 웹 애플리케이션 개발에 필요한 기능들을 기본적으로 제공한다. 특히 Angular는 TypeScript를 공식 언어로 채택하고 있어 정적 타입 검사와 객체지향 프로그래밍의 장점을 적극적으로 활용..

블록체인 프로젝트와 WebSocket (Part 3) - 실시간 블록체인 애플리케이션 구현하기들어가며앞선 Part에서는 WebSocket의 동작 원리와 readyState, UUID(RFC 4122), lit-html, 그리고 TypeScript의 ArrayLike 타입에 대해 살펴보았습니다. 이러한 기술들은 각각 독립적으로 사용되는 것이 아니라, 하나의 블록체인 애플리케이션 안에서 서로 협력하며 동작합니다.실제 블록체인 프로젝트에서는 새로운 거래(Transaction)가 생성되면 서버가 이를 다른 노드에 전파하고, 새로운 블록이 생성되면 모든 클라이언트의 화면이 즉시 갱신되어야 합니다. 이러한 기능은 WebSocket과 TypeScript, 그리고 화면 렌더링 라이브러리가 함께 동작할 때 비로소 구현할..

블록체인 프로젝트와 WebSocket (Part 2) - UUID, lit-html 그리고 TypeScript의 ArrayLike 이해하기들어가며Part 1에서는 WebSocket의 동작 방식과 전이중(Full Duplex) 통신, 이벤트 기반 프로그래밍, 그리고 readyState를 이용한 연결 상태 관리에 대해 살펴보았습니다. WebSocket은 블록체인 네트워크에서 새로운 블록과 거래 정보를 실시간으로 전송하는 핵심 기술입니다.하지만 실제 블록체인 프로젝트를 개발하려면 네트워크 통신 외에도 고유 식별자(UUID), 화면 렌더링, 그리고 TypeScript의 다양한 타입 시스템에 대한 이해도 필요합니다.이번 Part에서는 UUID(RFC 4122), lit-html 라이브러리, 그리고 TypeScri..

블록체인 프로젝트와 WebSocket (Part 1) - 실시간 통신의 이해들어가며블록체인 네트워크에서는 새로운 거래(Transaction)가 발생하거나 새로운 블록(Block)이 생성되면 모든 노드가 가능한 한 빠르게 해당 정보를 공유해야 합니다. 만약 이러한 정보를 일반적인 HTTP 요청 방식으로 전달한다면 클라이언트는 계속해서 서버에 요청을 보내 새로운 데이터가 있는지 확인해야 하며, 이는 불필요한 네트워크 비용과 서버 부하를 발생시킵니다.이러한 문제를 해결하기 위해 사용하는 기술이 WebSocket입니다. WebSocket은 클라이언트와 서버가 한 번 연결을 맺은 후 지속적으로 통신할 수 있도록 지원하는 프로토콜입니다. 특히 블록체인처럼 실시간 데이터 전송이 중요한 시스템에서는 거의 필수적인 기술..