인공지능 개발자 수다

langgraph 버전: 0.6.4내용 출처 : LangGrapn Docs LangGraphLangGraph Trusted by companies shaping the future of agents – including Klarna, Replit, Elastic, and more – LangGraph is a low-level orchestration framework for building, managing, and deploying long-running, stateful agents. Get started Install LangGrlangchain-ai.github.io 1. 개요LangGraph는 워크플로우를 구성할 때 두 가지 방식을 제공합니다.Graph API: 노드와 엣지를 명시적으로 정의하..

langgraph 버전: 0.6.4내용 출처 : LangGrapn Docs LangGraphLangGraph Trusted by companies shaping the future of agents – including Klarna, Replit, Elastic, and more – LangGraph is a low-level orchestration framework for building, managing, and deploying long-running, stateful agents. Get started Install LangGrlangchain-ai.github.io 1. 노드 (Node)1.1. 노드 개념노드는 데이터를 입력받아 처리한 뒤 결과를 반환하는 실행 단위다.LangGraph에서는 ..

langgraph 버전: 0.6.4내용 출처 : LangGrapn Docs LangGraphLangGraph Trusted by companies shaping the future of agents – including Klarna, Replit, Elastic, and more – LangGraph is a low-level orchestration framework for building, managing, and deploying long-running, stateful agents. Get started Install LangGrlangchain-ai.github.io 1. State 개념그래프의 전체 상태를 나타내는 데이터 구조그래프를 만들 때 가장 먼저 정의그래프에서 사용될 데이터 구조(sch..

langgraph 버전: 0.6.4내용 출처 : LangGrapn Docs LangGraphLangGraph Trusted by companies shaping the future of agents – including Klarna, Replit, Elastic, and more – LangGraph is a low-level orchestration framework for building, managing, and deploying long-running, stateful agents. Get started Install LangGrlangchain-ai.github.io 1. 개요이번 포스팅에서는 LangGraph에서 제공하는 스트리밍 기능을 소개합니다. 이를 통해 그래프의 상태 변화, LLM 출력..

1. 개요Python 버전: 3.11FastAPI 버전: 0.116.1SQLAlchemy 버전: 2.0 이상 웹 애플리케이션에서 데이터베이스 작업은 필수적이다. 하지만 여러 개의 데이터 조작 작업을 수행할 때, 중간에 오류가 발생하면 데이터의 일관성이 깨질 수 있다. 이를 방지하기 위해 사용하는 개념이 바로 트랜잭션(Transaction)이다. FastAPI는 SQLAlchemy와 같은 ORM(Object Relational Mapper)을 활용해 트랜잭션을 쉽게 처리할 수 있게 도와준다. 이번 글에서는 FastAPI에서 트랜잭션을 어떻게 안전하게 사용하는지 알아보고, 실전 코드 예시도 함께 제공한다. 2. 내용2.1. 트렌젝션 이란트랜잭션(Transaction)은 하나의 논리적 작업 단위를 의미합니다...

0. 개요RAG를 하기 위해 데이터를 모으는 과정에서데이터를 일정 크기로 잘라야 한다.오늘은 문자열을 자르는 다양한 기법에 대해 공부해 보자 Langchain version : 0.3.25 1. Fixed-size 기반 분할1.1. 개념Fixed-size 기반 분할은 텍스트를 일정한 길이 단위로 잘라내는 방식이다.길이 기준은 문자 수(character) 혹은 토큰 수(token) 로 설정할 수 있다.예를 들어, 한 텍스트를 500자 단위로 나누거나, OpenAI tokenizer 기준 300토큰 단위로 나누는 것이 이에 해당한다.보통은 chunk overlap을 함께 사용해 문맥 단절을 완화한다. 1.2. 장점과 단점장점단점✔ 구현이 간단하고 빠르다✘ 의미 단위가 끊길 수 있다 (문장 중간에서 분할)✔ ..

1. 개요CSS Flexbox(Flexible Box)는 1차원 방향(가로 또는 세로)으로 요소를 배치하고 정렬할 수 있게 해주는 레이아웃 시스템이다.Next.js로 웹 UI를 구성할 때도 가장 많이 사용되는 방식이며, 기존의 float이나 inline-block 방식보다 훨씬 직관적이다.이 글에서는 Flexbox의 핵심 속성과 쓰임새를 예제와 함께 정리한다. flexbox는 다음과 같은 경우에 주로 사용한다.버튼 옆에 아이콘네비게이션 바카드 목록 (가로/세로 정렬)텍스트 + 이미지 한 줄 배치 block은 다음과 같은 경우 사용한다.단락 구분, 제목/본문 2. 내용2.1. display: flex의 기본 구조Flexbox는 부모 요소에 display: flex를 선언하면 작동한다.부모는 컨테이너, 자식..

1. 개요CSS에서 모든 HTML 요소는 하나의 사각형 박스(Box)로 표현된다.이 박스는 요소의 실제 크기와 위치, 여백을 결정하며, 웹페이지의 전체 레이아웃을 구성하는 가장 기본적인 단위이다.이 글에서는 CSS 박스 모델의 구성 요소와 display 속성의 차이를 통해 레이아웃의 핵심 개념을 이해한다. 주로 div, section, article 에서 가장 많이 사용된다. 2. 내용2.1. 박스 모델(Box Model)의 구성 요소CSS 박스 모델은 다음과 같이 4개의 영역으로 구성된다.width / height : 내용(content)의 크기padding : 내용과 테두리 사이의 내부 여백border : 요소를 감싸는 테두리margin : 요소 바깥의 외부 여백 (다른 요소와의 거리)+-------..

1. 개요이 글에서는 CSS가 무엇인지, 어떤 방식으로 스타일을 적용할 수 있는지, 그리고 실제로 HTML 요소에 스타일을 적용할 수 있는 다양한 선택자들을 정리한다. 간단한 실습을 통해 CSS의 핵심 원리를 직접 확인할 수 있도록 구성했다. 이번 포스팅에서는 CSS의 기본 구조와 선택자 에 대해 공부해 보자. 2. 내용2.1. CCS란 무엇인가CSS (Cascading Style Sheets)는 HTML 요소의 시각적 표현을 담당하는 스타일 언어이다.HTML이 웹페이지의 구조를 담당한다면, CSS는 그 구조에 디자인을 입히는 역할을 한다. 대표적인 기능글꼴 크기, 색상 지정박스 크기 및 여백 조정화면 위치 조절애니메이션 등 시각 효과 부여 2.2. 스타일 적용 방법Inline 방식요소 안에 style ..

1. 개요와 은 HTML에서 의미 없는(non-semantic) **컨테이너 태그(container tags)**로,레이아웃을 나누거나 특정 부분을 그룹화할 때 사용한다. 이들은 시맨틱 정보는 없지만, CSS 또는 JavaScript와 결합하여디자인, 인터랙션, 구조 설계에 있어 핵심적인 역할을 한다. 2. 내용2.1. 태그설명는 블록 레벨 요소(block-level element)페이지의 큰 구역을 나누거나 감쌀 때 사용 특징줄바꿈이 자동으로 발생가로로 전체 너비를 차지보통 레이아웃을 구성할 때 많이 사용시맨틱한 의미는 없기 때문에 CSS로 스타일을 부여해야 함 속성 설명id : 고유 식별자로, JavaScript / CSS 에서 참조class : 스타일 또는 그룹 지정을 위한 이름, 여러개 가능st..