Chanho

[React] useEffect ์™€ useLayoutEffect ์ดํ•ดํ•˜๊ธฐ

๋ฆฌ์•กํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด์„œ ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉํ•˜๋ฉด์„œ๋„ ๋ผ์ดํ”„์‚ฌ์ดํด ๊ด€๋ จํ•ด์„œ ๋‚ด๊ฐ€ ์›ํ•˜๋Š” ๋™์ž‘์ด ์•ˆ๋‚˜์˜ค๋Š” ๊ฒฝ์šฐ๊ฐ€ ๊ฐ„ํ˜น ์žˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™๋‹ค. ์ด์— ๋‹ค์‹œ ํ•œ๋ฒˆ ํ•ด๋‹น ํ›…์„ ์‚ดํŽด๋ณด๋ฉด์„œ useEffect์™€ useLayoutEffect๋ฅผ ์ •๋ฆฌํ•˜๊ณ ์ž ํ•œ๋‹ค. 1. React ์ปดํฌ๋„ŒํŠธ์˜ ์ƒ๋ช…์ฃผ๊ธฐ์™€ useEffect ๊ธฐ์กด ํด๋ž˜์Šคํ˜• ์ปดํฌ๋„ŒํŠธ์—์„œ๋Š” ์ƒ๋ช…์ฃผ๊ธฐ๋ฅผ ์ œ์–ดํ•˜๊ธฐ ์œ„ํ•ด ...

[React] useState์™€ useRef ์ดํ•ดํ•˜๊ธฐ

React์˜ ํ•ต์‹ฌ Hooks, useState์™€ useRef ์ดํ•ดํ•˜๊ธฐ React์˜ useState์™€ useRef๋Š” ๊ฐ์ž์˜ ์šฉ๋„์™€ ํŠน์„ฑ์ด ๋ช…ํ™•ํžˆ ๊ตฌ๋ถ„๋ฉ๋‹ˆ๋‹ค. ์ƒํƒœ ๊ด€๋ฆฌ๊ฐ€ ํ•„์š”ํ•˜๊ณ  ๋ฆฌ๋ Œ๋”๋ง์ด ํ•„์š”ํ•œ ๊ฒฝ์šฐ useState, ๋ฆฌ๋ Œ๋”๋ง ์—†์ด ๊ฐ’์„ ๊ด€๋ฆฌํ•˜๊ฑฐ๋‚˜ DOM ์š”์†Œ๋ฅผ ์ง์ ‘ ์ ‘๊ทผํ•  ๋•Œ๋Š” useRef๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ์ฐจ์ด๋ฅผ ๋ช…ํ™•ํžˆ ์ดํ•ดํ•˜๊ธฐ ์œ„ํ•ด...

[RAG] Embedding model ์‚ฌ์šฉํ•ด๋ณด๊ธฐ with GeminiAPI & BGE-M3

Embedding Model ๐Ÿ’ก ์ž„๋ฒ ๋”ฉ ์ด๋ž€? ์ž„๋ฒ ๋”ฉ์€ ํ…์ŠคํŠธ์˜ ์‹œ๋งจํ‹ฑ ์˜๋ฏธ์™€ ๋งฅ๋ฝ์„ ํฌ์ฐฉํ•˜์—ฌ ์œ ์‚ฌํ•œ ์˜๋ฏธ๋ฅผ ๊ฐ€์ง„ ํ…์ŠคํŠธ์˜ ์ž„๋ฒ ๋”ฉ์ด ๋ฒกํ„ฐ ๊ณต๊ฐ„์—์„œ ๊ฐ€๊น๊ฒŒ ์œ„์น˜ํ•˜๋„๋ก ํ•œ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด โ€˜๊ฐ•์•„์ง€๋ฅผ ๋™๋ฌผ ๋ณ€์›์— ๋ฐ๋ ค๊ฐ”์Šต๋‹ˆ๋‹คโ€์™€ โ€œ๊ณ ์–‘์ด๋ฅผ ๋™๋ฌผ๋ณ‘์›์— ๋ฐ๋ ค๊ฐ”์Šต๋‹ˆ๋‹คโ€ ๋ผ๋Š” ๋ฌธ์žฅ์€ ์œ ์‚ฌํ•œ ๋งฅ๋ฝ์„ ๊ฐ€์ง€๋ฏ€๋กœ, ์ด๋“ค์˜ ์ž„๋ฒ ๋”ฉ์€ ๋ฒกํ„ฐ ๊ณต๊ฐ„์—์„œ ์„œ๋กœ ๊ฐ€๊น๊ฒŒ ์œ„์น˜ํ•ฉ...

[RAG] RAG๋Š” ๋ฌด์—‡์ด๊ณ  ํ™œ์šฉ ๋ฐฉ๋ฒ•์€ ๋ฌด์—‡์ธ๊ฐ€ with langchain

RAG (Retrieval-Augmented Generation) Large Language Model์„ ํ™•์žฅํ•˜์—ฌ, ์ฃผ์–ด์ง„ ์ปจํ…์ŠคํŠธ๋‚˜ ์งˆ๋ฌธ์— ๋Œ€ํ•ด ๋”์šฑ ์ •ํ™•ํ•˜๊ณ  ํ’๋ถ€ํ•œ ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ, ์งˆ๋ฌธ์— ๋Œ€ํ•œ ๋‹ต๋ณ€์„ ์ƒ์„ฑํ•˜๊ธฐ ์œ„ํ•ด ๊ฒ€์ƒ‰(Retrieval)๊ณผ ์ƒ์„ฑ(Generation)์„ ๊ฒฐํ•ฉํ•œ ์ž์—ฐ์–ด ์ฒ˜๋ฆฌ ๊ธฐ์ˆ ์ด๋‹ค. Retrieval Phase...

[Paper] Attention is All You Need๋ฅผ ์ฝ์–ด๋ณด์ž(5)_Model Architecture

์˜ค๋Š˜์€ ์ผ์ด ๋งŽ์•„ ์ž‘์„ฑํ•˜์ง€ ๋ชปํ•˜๊ณ  ์žˆ๋˜ โ€˜Attention is All You Needโ€™ ๋…ผ๋ฌธ์˜ Model Architecture ๋ถ€๋ถ„์„ ๋ฆฌ๋ทฐ ํ•˜๊ณ ์ž ํ•œ๋‹ค. Attention is All You Need - Transformer Model Attention Is All You Need Ashish Vaswani, Noam Shazeer...

[Paper] Attention is All You Need๋ฅผ ์ฝ์–ด๋ณด์ž(4)_Attention ๋ฉ”์ปค๋‹ˆ์ฆ˜์ด๋ž€?

์˜ค๋Š˜์€ ๋งˆ์ง€๋ง‰ ์‚ฌ์ „์ง€์‹์œผ๋กœ Attention Mechanism์— ๋Œ€ํ•ด ๊ณต์œ ํ•˜๊ณ ์ž ํ•œ๋‹ค. Transformer๋Š” Attention mechanism์— ํฌ๊ฒŒ ์˜์กดํ•œ๋‹ค. ์ด๋กœ ์ธํ•ด ๊ธฐ์กด์˜ RNN ๊ธฐ๋ฐ˜ ๋ชจ๋ธ๋ณด๋‹ค ํ›จ์”ฌ ํšจ์œจ์ ์ด๊ณ  ๊ฐ•๋ ฅํ•œ ์„ฑ๋Šฅ์„ ๋ฐœํœ˜ํ•  ์ˆ˜ ์žˆ๊ฒŒ ๋˜์—ˆ๋‹ค. ํŠนํžˆ, Self-Attention์€ Transformer์˜ ํ•ต์‹ฌ ์š”์†Œ๋กœ, ๋ชจ๋ธ์ด ์‹œํ€€์Šค ...

[Paper] Attention is All You Need๋ฅผ ์ฝ์–ด๋ณด์ž(3)_Seq2Seq

Transformer ์™€ Seq2Seq๋Š” ๋ชจ๋‘ ์ˆœ์ฐจ์  ๋ฐ์ดํ„ฐ์˜ ์ž…๋ ฅ๊ณผ ์ถœ๋ ฅ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐ ์‚ฌ์šฉ๋˜์ง€๋งŒ, ๊ตฌ์กฐ์™€ ์ž‘๋™์—์„œ ๋ช‡ ๊ฐ€์ง€ ์ค‘์š”ํ•œ ์ฐจ์ด์ ์ด ์žˆ๋‹ค. ์˜ค๋Š˜์€ Seq2Seq๋Š” ๋ฌด์—‡์ด๊ณ  Transformer๊ณผ์˜ ์ฐจ์ด๋Š” ๋ฌด์—‡์ธ์ง€์— ๋Œ€ํ•ด ๊ฐ„๋‹จํ•˜๊ฒŒ ์•Œ์•„๋ณด๊ณ ์ž ํ•œ๋‹ค. Seq2Seq Model Seq2Seq ๋ชจ๋ธ์€ ์ž…๋ ฅ ์‹œํ€€์Šค(๋ฌธ์žฅ)๋ฅผ ๋ฐ›์•„ ์ถœ๋ ฅ ...

ยฉ chanho. Some rights reserved.