Webtagr - 기술 뉴스 다이제스트

Lean: 수학을 코드로 공식화하기

2025-07-31

$Lean: 수학을 코드로 공식화하기$

Lean은 수학자들이 주로 수학을 공식화하는 데 사용하는 프로그래밍 언어입니다. 수학자들이 수학을 코드처럼 다룰 수 있도록 하여 구조, 정리, 증명으로 나누고 GitHub에서 공유할 수 있게 해줍니다. 이 글에서는 2=2를 증명하는 간단한 예시를 통해 Lean의 구문과 전략(tactics)과 같은 기본 개념을 소개합니다. 전략이 수학적 명제의 증명 또는 반증에 어떻게 사용되는지 보여줍니다. 허구의 공리인 '2=3'은 잘못된 공리가 어떤 결과를 초래하는지 보여주는 예시이며, 형식적 검증의 중요성을 강조합니다. 마지막으로, 페르마의 마지막 정리의 Lean을 이용한 공식화 작업이 Lean의 능력을 증명하는 사례로 언급됩니다.

(overreacted.io)

개발 공식화된 수학

JavaScript에서의 '따옴표': 모듈형 프런트엔드 개발을 위한 Lisp에서 영감을 얻음

2025-06-01

이 글에서는 Lisp의 '코드는 데이터다'라는 개념을 차용하여 웹 애플리케이션 개발에서 JavaScript의 모듈성을 향상시키는 방법을 탐구합니다. 저자는 JavaScript에는 Lisp처럼 '따옴표' 메커니즘이 없어 코드 조각을 데이터로 직접 조작할 수 없다는 점을 지적합니다. 하지만 '따옴표'를 모방하는 메커니즘, 예를 들어 클라이언트 사이드 모듈 식별자를 실제 코드 대신 클라이언트에 전송함으로써 코드의 지연 실행과 모듈식 구성을 달성할 수 있습니다. 이를 통해 백엔드 프로그램은 서버 사이드와 클라이언트 사이드의 동작을 구성하고, 서버 사이드 로직이 단일 요청/응답 사이클 내에서 완료되도록 보장하며, 점진적 스트리밍을 가능하게 하여 웹 애플리케이션의 효율성과 유지 보수성을 향상시킵니다.

(overreacted.io)

개발

프로그레시브 JSON: 프로그레시브 JPEG처럼 데이터 스트리밍하기

2025-06-01

이 글에서는 JSON 데이터 전송 효율을 높이는 방법인 프로그레시브 JSON에 대해 설명합니다. 기존 JSON은 파싱하기 전에 모든 데이터 로드를 기다려야 하지만, 프로그레시브 JSON은 프로그레시브 JPEG와 유사하게 데이터 프레임워크를 먼저 전송하고, 그 후 점진적으로 세부 정보를 채워 넣습니다. 이 글에서는 깊이 우선 및 너비 우선의 두 가지 데이터 스트리밍 방법을 비교하고, React Server Components(RSC)가 Suspense 컴포넌트와 결합하여 너비 우선 접근 방식을 사용함으로써 프로그레시브 UI 로딩을 구현하고 사용자 경험을 향상시키는 점을 지적합니다.

(overreacted.io)

개발 프로그레시브 JSON 데이터 스트리밍

React Server Components를 사용한 무료 정적 블로그

2025-05-08

이 블로그 게시물에서는 Next.js의 정적 사이트 생성 기능과 React Server Components (RSC)를 사용하여 Cloudflare의 무료 정적 호스팅 플랜에 완전히 정적인 블로그를 배포하는 방법을 설명하며, 비용은 전혀 들지 않습니다. 저자는 서버 사이드 렌더링과 정적 사이트 생성 모두 가능한 '하이브리드' 프레임워크의 개념을 설명합니다. 빌드 중에 RSC 코드를 실행하고 그 출력을 저장하여 완전히 정적인 배포를 달성하고 서버 비용을 절감할 수 있습니다. 코드 예시는 빌드 중에 로컬 파일 시스템에서 데이터를 읽고 정적 페이지를 생성하는 방법을 보여줍니다. 이는 '정적'이 본질적으로 미리 실행되는 '서버'이며 코드 로직은 동일하고 타이밍만 변경됨을 보여줍니다.

(overreacted.io)

개발

Astro vs. React Server Components: 고성능 웹사이트 구축을 위한 두 가지 접근 방식

2025-05-07

이 글에서는 고성능 웹사이트를 구축하기 위한 두 가지 접근 방식인 Astro와 React Server Components(RSC)를 비교합니다. Astro는 Astro Components(서버 사이드)와 Client Islands(클라이언트 사이드)를 사용하며, 데이터는 단방향으로 흐릅니다. Astro Components는 전처리를 담당하고, Client Islands는 상호 작용을 담당합니다. RSC는 Server Components와 Client Components를 사용하지만, 개념적으로 유사하며, 둘 다 `'use client'` 지시어로 구분되는 React 컴포넌트입니다. RSC는 유연성이 높아 서버와 클라이언트 간에 컴포넌트를 공유할 수 있지만, 학습 곡선이 가파릅니다. Astro는 학습이 용이하지만, HTML 우선 출력과 컴포넌트 간 상호 작용 제약으로 인해 대규모 애플리케이션에서는 제한에 직면할 수 있습니다. 어떤 접근 방식을 선택할지는 프로젝트의 요구 사항과 팀의 전문 지식에 따라 달라집니다.

(overreacted.io)

개발

React 서버 컴포넌트: 프런트엔드 데이터 가져오기 문제 해결

2025-04-15

이 글에서는 React 서버 컴포넌트가 프런트엔드 데이터 가져오기의 복잡성을 어떻게 해결하는지 살펴봅니다. 기존 REST API는 지속적으로 변화하는 UI 요구사항에 맞추기 어려워 데이터 중복이나 부족으로 이어집니다. 저자는 BFF(Backend for Frontend) 접근 방식을 제안하여 ViewModel 개념을 백엔드에 도입함으로써 서버가 각 컴포넌트에 필요한 특정 데이터를 직접 반환할 수 있도록 합니다. ViewModel 함수를 더 작은 단위로 분해하고 JSX를 활용하여 컴포넌트와 데이터 로딩 로직 간의 긴밀한 결합을 달성하여 효율적이고 유지보수가 용이한 프런트엔드 아키텍처를 구축합니다. 이 방법은 데이터 가져오기와 UI 렌더링을 매끄럽게 통합하는 Async XHP와 유사하지만, 상호작용이 많은 애플리케이션에서 Async XHP의 한계를 피합니다.

(overreacted.io)

개발 데이터 가져오기

React 서버 컴포넌트: 태그와 함수 호출에 대한 철학적 탐구

2025-04-09

이 글에서는 React 서버 컴포넌트라는 맥락에서 태그와 함수 호출의 근본적인 차이점을 탐구합니다. 저자는 건축 설계도와 요리 레시피의 비유를 사용하여 태그의 선언적 특성과 함수 호출의 명령적 특성을 설명합니다. 논의는 원격 프로시저 호출과 비동기 프로그래밍에까지 이르며, 여러 대의 머신에 걸쳐 계산을 분할하기 위한 이론적 프레임워크로 발전합니다. 태그는 시간과 공간을 포함하는 잠재적인 함수 호출을 나타내며, 컴포넌트와 프리미티브를 구분함으로써 저자는 다양한 함수가 계산 순서에 따라 어떻게 의존하는지를 다룹니다. 이를 통해 프로그램 세분화를 위한 효율적인 방법을 얻을 수 있습니다.

(overreacted.io)

개발 서버 컴포넌트