1. 개요 (Overview)**RAG(검색 증강 생성)**는 거대 언어 모델(LLM)의 출력을 최적화하여, 응답을 생성하기 전에 학습 데이터 소스 외부의 신뢰할 수 있는 지식 베이스를 참조하도록 하는 기술입니다.LLM은 학습된 시점 이후의 정보를 알지 못하거나(지식의 컷오프), 사실이 아닌 정보를 그럴듯하게 말하는 환각(Hallucination) 현상이 발생할 수 있습니다. RAG는 모델이 질문에 답하기 전 관련 문서를 먼저 "찾아보고(Retrieval)", 그 내용을 바탕으로 답변을 "생성(Generation)"하게 함으로써 이 문제를 해결합니다.2. RAG의 작동 프로세스RAG의 일반적인 워크플로우는 다음의 단계를 거칩니다.데이터 수집 및 인덱싱 (Indexing): 방대한 문서 데이터를 텍스트 조..
1. 개요 (Overview)거대 언어 모델(LLM)은 수십억 개 이상의 파라미터(Parameter)를 보유하고, 방대한 양의 텍스트 데이터를 학습하여 인간과 유사한 수준으로 언어를 이해하고 생성할 수 있는 인공지능 모델입니다. 주로 트랜스포머(Transformer) 아키텍처를 기반으로 하며, 문맥 이해, 요약, 번역, 추론 등 다양한 자연어 처리(NLP) 태스크를 수행합니다.2. 개념도 (Conceptual Diagram)LLM의 작동 원리는 크게 입력 -> 토큰화 -> 임베딩 -> 트랜스포머 블록(어텐션) -> 출력의 흐름을 가집니다.[사용자 입력 질의] | v[토큰화 (Tokenization)] : 텍스트를 최소 의미 단위로 분절 | v[임베딩 (Embed..
웹 개발은 혼자 하는 작업이 아닙니다. 여러 명의 개발자가 하나의 프로젝트를 진행할 때, 각자 자기만의 스타일로 코드를 작성하면 유지보수가 매우 어려워집니다. 오늘은 동료 개발자들에게 칭찬받는 깔끔한 HTML 코드를 작성하기 위한 10가지 필수 규칙을 소개합니다.1. 문서 타입 정의 및 언어 설정 (Doctype & Lang)모든 HTML 문서는 최신 표준인 HTML5 선언으로 시작해야 하며, 태그에 웹 접근성과 검색 엔진 최적화(SEO)를 위한 언어 속성을 명시해야 합니다.Good: ... 2. 들여쓰기와 중첩 (Indentation)코드의 계층 구조를 한눈에 파악할 수 있도록 2칸 또는 4칸의 일관된 들여쓰기를 사용합니다. (최근 트렌드는 2칸을 선호합니다.)Bad: 들여쓰기가 제멋대로인 코드 G..
대한민국 디지털 지도 산업의 역사적인 전환점이 마련되었습니다. 정부는 2007년 구글의 첫 요청 이후 무려 19년 동안 이어져 온 '1:5,000 축척 고정밀 지도 데이터'의 국외 반출을 조건부로 승인했습니다.이번 결정은 단순한 데이터 이동을 넘어, 국내 IT 생태계와 관광, 그리고 미래 산업 전반에 엄청난 파급력을 미칠 것으로 예상됩니다. 이번 허가의 핵심 내용과 구체적으로 어떤 변화가 찾아올지 정리해 드립니다.1. 1:5000 정밀 지도란 무엇인가?우리가 흔히 쓰는 일반적인 디지털 지도보다 훨씬 세밀한 정보를 담고 있습니다.정밀도: 실제 거리 50m를 지도상 1cm로 표현하는 수준입니다.포함 정보: 도로의 폭, 차선 정보, 건물의 정확한 위치뿐만 아니라 횡단보도, 신호등, 식당의 상세 위치 등 길찾기..
최근 반도체 업계의 가장 뜨거운 화두는 SK하이닉스의 미국 내 'AI 전담 법인' 설립입니다. 기존의 낸드플래시 자회사인 '솔리다임'을 재편하여, AI 솔루션과 투자를 총괄하는 거점을 만든다는 전략입니다. 이는 단순한 조직 개편을 넘어선 SK그룹의 거대한 AI 비전을 담고 있습니다.1. 'AI 컴퍼니'란 무엇인가? (추진 배경)SK하이닉스는 기존의 '메모리 반도체 공급자(Vendor)' 역할에서 벗어나, AI 산업 전반의 인프라를 구축하는 **'AI 솔루션 파트너'**가 되고자 합니다.솔리다임의 재편: 기존 낸드 사업 위주였던 솔리다임을 AI 데이터센터 솔루션 중심으로 바꿉니다. 낸드 사업은 별도 자회사로 분리하고, 본체는 AI 기술 개발 및 투자를 담당하는 컨트롤타워가 됩니다.투자 규모: 약 100억 ..
웹 애플리케이션을 개발하다 보면 사용자 설정을 저장하거나, 폼 입력 데이터를 임시로 보관해야 할 때가 있습니다. 과거에는 이를 위해 쿠키(Cookie)를 주로 사용했지만, 이제는 더 쉽고 강력한 **로컬 스토리지(Local Storage)**를 사용합니다.이 포스트에서는 로컬 스토리지의 개념부터 객체 저장 방법, 그리고 실전 예제까지 상세히 알아보겠습니다.1. 로컬 스토리지(Local Storage)란?로컬 스토리지는 웹 브라우저가 제공하는 키-값(Key-Value) 형태의 저장소입니다.주요 특징지속성: 브라우저를 닫거나 컴퓨터를 재부팅해도 데이터가 사라지지 않습니다.용량: 쿠키(약 4KB)보다 훨씬 큰 용량(보통 5MB 내외)을 제공합니다.서버 전송 없음: 쿠키와 달리 HTTP 요청 시 서버로 전송되지..
웹 페이지에 화려한 애니메이션이나 복잡한 차트를 넣고 싶을 때, 우리는 두 가지 갈림길에 서게 됩니다. 바로 **SVG(Scalable Vector Graphics)**와 Canvas API입니다. 둘 다 그래픽을 표현하지만, 작동 원리는 완전히 다릅니다.오늘은 이 두 방식의 핵심 차이점을 살펴보고, 어떤 상황에서 무엇을 선택해야 할지 명확한 기준을 제시해 드립니다.1. SVG (Scalable Vector Graphics)특징: "확장 가능한 벡터 그래픽"SVG는 XML 기반의 마크업 언어입니다. 우리가 흔히 사용하는 HTML 태그처럼 , , 등의 태그로 구성됩니다.벡터 방식: 해상도에 독립적입니다. 아무리 확대해도 이미지가 깨지지 않습니다.DOM 접근 가능: 각 요소가 HTML 문서의 일부(DOM)..
웹 페이지를 만드는 과정은 마치 빈 도화지에 구역을 나누고 내용을 채워 넣는 것과 같습니다. 이때 가장 기본이 되는 도구가 바로 공간 분할 태그입니다. 오늘은 HTML 레이아웃의 시작점인 와 의 차이점을 살펴보고, 블록(Block)과 인라인(Inline) 요소의 특징을 완벽하게 정리해 보겠습니다.1. 블록 요소 (Block Element) vs 인라인 요소 (Inline Element)태그의 차이를 알기 전에, 웹 브라우저가 요소를 화면에 배치하는 두 가지 핵심 방식을 이해해야 합니다.블록 요소 (Block Level)특징: 항상 새로운 라인에서 시작하며, 부모 요소의 전체 너비를 차지합니다 (100%).대표 태그: , ~, , , , 등크기 조절: width, height, margin, paddin..
- Total
- Today
- Yesterday
- 웹기초
- react
- 협력
- 스마트안경
- 구글
- Rag
- sLLM
- 멀티모달
- prompt engineering
- Nextjs
- 카카오
- AI
- TypeScript
- java
- MSA
- It용어
- CSR
- 엣지컴퓨팅
- SSR
- Javascript
- HTML
- on-device ai
- LLM
- HBM
- CSS
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |