노트

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회 조회

.env 파일과 환경변수는 입문 단계에서 자주 마주치는 개념. 이 글은 두 개념의 출자 · 동작 · 시크릿 관리 도구를 사실 기준으로 정리합니다.

uv 는 Python 의 패키지 · 프로젝트 매니저 가운데 가장 늦게 등장한 축. 이 글은 uv 의 출자 · 역할 · 기존 도구와의 관계를 사실 기준으로 정리합니다.

모노레포 (monorepo) 는 여러 프로젝트의 소스코드를 하나의 버전 관리 저장소에 모아 두는 방식. 이 글은 모노레포의 정의 · 역사 · pnpm workspace 같은 가벼운 구성으로 어디까지 가능한지 · Nx · Turborepo · Lerna · Bazel · Rush 같은 풀스케일 도구가 풀어 주는 문제.

pnpm 은 Node.js 생태계의 패키지 매니저 가운데 하나. 이 글은 pnpm 의 출자 · 동작 방식 · 다른 매니저와의 차이를 사실 기준으로 정리합니다.

처음 몇 달의 프론트엔드 작업 가운데 절반은 DevTools 사용법을 익히는 시간이라 해도 과장이 아닙니다. 콘솔에 값을 찍고, 네트워크 요청을 검사하고, 스타일을 즉석에서 바꿔 보고, 모바일 화면을 시뮬레이션 하는 모든 작업이 한 패널 안에서. 이 글은 DevTools 의 출자 · 핵심 패널 · 자주 쓰는 디버깅 흐름.

"브라우저에 google.com 을 치면 무슨 일이 일어나는가" 는 면접 단골 질문. 그 짧은 한 줄 안에 OSI 일곱 계층 · IP · DNS · TCP · TLS · HTTP 가 차례로 등장합니다. 이 글은 입문자가 큰 그림을 한 번 잡을 수 있도록 각 계층과 핵심 프로토콜.

브라우저 주소창의 한 줄은 보기보다 정밀한 구조를 가집니다. 어떤 자원에 어떻게 접근할지를 표현하는 작은 문법. 이 글은 URL 의 각 부분 · 인코딩 규칙 · URL 과 URI 와 URN 의 차이 · 절대 / 상대 경로 · 데이터 URL 과 blob URL.

브라우저가 서버에 무엇을 요청하고, 서버가 어떻게 답하는가. 이 단순한 질문 위에 웹의 거의 모든 것이 얹혀 있습니다. 이 글은 HTTP 의 출자 · 메서드와 상태 코드 · 헤더 · REST 의 원래 의미 · HTTP/2 · 3 의 변화.

HTML 이 뼈대, CSS 가 모양이라면 JavaScript 는 동작. 버튼을 누르면 모달이 뜨고, 입력값을 검사하고, 서버에서 데이터를 받아 화면에 그리는 일이 모두 JS 의 영역. 이 글은 변수 · 자료형 · 함수 · 배열 / 객체 메서드 · 비동기 · 모듈 같은 입문에 자주 등장하는 항목.

HTML 이 무엇인지를 적는다면 CSS 는 어떻게 보이고 어떻게 배치될지를 적습니다. 색 · 크기 · 여백 · 정렬 · 반응형까지 화면의 시각적 결정 대부분이 CSS 의 영역. 이 글은 CSS 의 출자 · 박스 모델 · 레이아웃 도구 · 셀렉터 우선순위 · 단위와 미디어 쿼리 · 모던 CSS 의 흐름.

브라우저가 화면에 보여 주는 모든 것은 결국 텍스트 문서에서 출발합니다. 그 텍스트 문서의 형식이 HTML. 처음 배우는 사람이 가장 먼저 마주하는 언어이기도 하고, 다른 어떤 기술을 배우든 결국 다시 돌아오는 자리이기도 합니다. 이 글은 HTML 의 출자 · 문서 구조 · 자주 쓰는 요소 · 시맨틱 마크업 · 접근성…