노트

NotebookLM 은 Google 의 자료 우선 (source-grounded) AI 노트북. 사용자가 업로드한 PDF·구글 문서·웹사이트·YouTube·오디오에서만 답변을 합성하므로 hallucination 이 일반 챗봇보다 적음. 04-gemini-api 가 raw API, 08-google-ai-studio 가…

9회 조회

RAG (Retrieval-Augmented Generation) 는 LLM 의 한정된 학습 시점·메모리 한계를 외부 지식으로 보완하려는 방식입니다. 검색·생성을 분리하면 모델을 다시 학습시키지 않고도 새로운 자료를 다룰 수 있습니다.

4회 조회

AI 가 브라우저 안으로 들어오는 흐름이 2023~2025 년에 빠르게 진행됐습니다. 사이드바 보조에서 시작해 페이지 요약·번역·드래프트, 그리고 에이전트가 사용자 대신 페이지를 다루는 자리까지 펼쳐졌습니다.

3회 조회

공공기관·외부 사업자가 제공하는 OpenAPI 를 프론트엔드에서 직접 호출 하면 첫 화면은 빠르게 만들 수 있습니다. 그러나 운영을 며칠 굴려 보면 같은 자리에서 같은 종류의 사고가 반복됩니다 — 키 노출, 응답 코드 해석, 프로토콜 미스매치. 그래서 외부 API 는 우리쪽 BFF 한 겹 을 사이에 두는 게 거의 항상…

2회 조회

관리 콘솔이나 백오피스는 한 프로세스에서 콘텐츠·카탈로그·운영 로그처럼 서로 다른 DB에 접근해야 할 수 있습니다. HTTP 경유 대신 풀 직접 접속을 선택할 때는 연결 수, 권한, 장애 격리를 함께 설계해야 합니다.

2회 조회

국제화 (internationalization · i18n) 는 앱이 여러 언어·지역에서 자연스럽게 동작하도록 만드는 작업입니다.

HTML/CSS/JS 로 데스크탑 앱을 만든다는 발상은 새롭지 않습니다. 가장 큰 두 갈래가 Electron 과 Tauri 이고 비슷해 보이지만 아키텍처가 꽤 다릅니다.

Tailwind CSS 는 utility-first 라 불리는 스타일링 접근의 대표 격입니다.

React 앱의 상태 관리는 라이브러리가 많아 혼란을 부릅니다. 그러나 가장 큰 분기점은 라이브러리 선택이 아니라 상태가 클라이언트에 속하는가, 서버에 속하는가 입니다.

Next.js 는 React 위에 서버 렌더링·라우팅·번들링을 묶은 프레임워크입니다.

React 19 는 React 의 큰 변곡점 중 하나로 자주 거론됩니다. 그 가운데 React Compiler 는 그동안 손으로 적던 메모를 일부 자동화합니다.

> 아래 다중 에뮬레이터 경로와 명령은 독립 스택 설계를 설명하는 예시입니다. 실제 저장소에 적용할 때는 필요한 공급자와 비용을 먼저 선택하세요.

요즘 웹 기능 중 일부는 HTTP 에서는 동작하지 않습니다. Service Worker · WebAuthn · 일부 미디어 API · Cookie SameSite=None 의 Secure 플래그가 그렇습니다. 운영에서는 자연스럽게 HTTPS 가 깔리지만, 로컬 개발에서는 별도 설정이 필요. 이 글은 로컬 HTTPS 가…

서비스가 시작 단계라면 한 대의 VPS 에 docker compose 로 모든 것을 띄우는 구성이 종종 가장 합리적입니다. 운영 인지 부하가 작고 비용이 예측 가능. 이 모델이 어디까지 가능한지 · 언제 한계에 닿는지 · k8s 를 비롯한 다음 단계의 자리.

어떤 포트는 인터넷에서 닿아야 하고, 어떤 포트는 같은 호스트 안에서만 쓰여야 합니다. 둘을 구분하는 가장 단순한 도구는 바인딩 주소. 외부에서만 들어갈 수 있는 길을 열고 싶으면 SSH 터널이 가벼운 답. 이 글은 0.0.0.0 과 127.0.0.1 의 차이 · Docker 의 포트 매핑 · SSH 포트 포워딩 (-L…

리버스 프록시 · HTTPS 종단 · 정적 파일 서빙은 거의 모든 웹 서비스의 공통 자리. nginx 가 오랜 표준이었고, 그 사이에 자동 HTTPS 와 단순한 설정을 강조하는 Caddy 가 자리를 넓혔습니다. 이 글은 두 도구의 출자 · 자동 HTTPS 의 의미 · 문법 차이 · 이웃 도구 (traefik · HAPr…

단일 호스트에서 여러 컨테이너 (웹 · DB · 캐시 · 큐) 를 함께 띄울 때 가장 가벼운 길이 Compose. YAML 한 파일로 의존 · 네트워크 · 볼륨 · 헬스체크를 묶음. 본격 오케스트레이터가 아니라는 점이 강점이자 한계. 이 글은 Compose 의 v1 vs v2 차이 · compose.yaml 핵심 키 ·…

컨테이너는 운영체제 위에 격리된 사용자 공간을 띄워 같은 모습의 애플리케이션을 어디서든 돌리는 길. Docker 는 이 컨테이너를 표준 도구로 묶어 대중화한 결정적 계기. 이 글은 Docker 의 출자 · 이미지 / 컨테이너 / 레이어 / 볼륨 / 네트워크 같은 기본 개념 · Dockerfile 핵심 명령 · 멀티스테이…

Tauri 는 데스크탑 · 모바일 앱을 만드는 프레임워크인데 핵심 런타임이 Rust 로 쓰여 있습니다. 이 글은 Rust 의 출자 · 핵심 개념과 "왜 하필 Rust 였는가" 를 사실 기준으로. Rust 자체를 깊게 배우는 글은 아닙니다.

Python 은 1991 년에 처음 공개된 동적 스크립트 언어. 이 글은 Python 의 흐름 · GIL · asyncio 등장 배경. 동시성과 병렬성의 차이 · ASGI 와 FastAPI 의 위치 · trio · anyio 같은 대안.

Java 는 1995 년에 첫 공개된 이후 30 년 가까이 살아온 언어. 이 글은 Java 의 흐름 · LTS 사이클 · Java 21 에서 의미가 있는 기능 몇 가지를 사실 기준으로. GraalVM, Kotlin · Scala 같은 이웃 언어와의 관계도 짧게.

TypeScript 는 JavaScript 에 정적 타입을 더한 언어. 이 글은 TypeScript 의 출자 · 동작 방식과 strict: true 옵션이 실제로 켜는 것들을 사실 기준으로 정리. 런타임 검증의 빈자리와 비슷한 도구의 위치도 함께.

새 기능을 만드는 시간보다 이미 만든 코드의 문제를 잡는 시간이 더 길다는 보고는 흔합니다. 디버깅은 별도의 기술이라기보다 마음가짐에 가까움. 무엇을 가정하고 있고, 무엇을 검증하지 않았는지를 정직하게 봄. 이 글은 디버깅의 일반적 흐름 · 가설-검증 사이클 · print 와 디버거의 자리 · 이분 탐색과 러버덕 · 스…

"풀스택을 다 배우려면 몇 년이 걸리나요" 같은 질문에는 정해진 답이 없습니다. 다만 자주 인용되는 시각화 자료, 자주 빠지는 함정, 자주 권장되는 순서가 있음. 이 글은 로드맵 자료의 출처 · 깊이와 폭의 트레이드오프 · 다섯 갈래 길의 객관 비교 · 첫 프로젝트의 가치 · 학습을 보존하는 방법.

"질문이 절반의 답" 이라는 표현이 있습니다. 같은 막힘을 두고도 어떤 사람은 5 분 만에 답을 받고 어떤 사람은 며칠을 헤맴. 차이는 보통 두 자리. 첫째, 무엇을 묻고 있는지 자신도 정리되지 않은 채 묻는다. 둘째, 답하는 사람이 도와줄 수 있는 정보가 빠져 있다. 이 글은 좋은 질문의 구성요소 · 최소 재현 예제…