공부방

DirectivesHTML 태그에 붙어서 Vue의 반응형 기능을 지시한ㄴ 명령어DOM과 반응형 상태 연결반응형 상태는 변수 형식으로 지정 주요 디렉티브디렉티브설명v-text텍스트 콘텐츠를 표현식의 값으로 업데이트{{ }} 사용하는 것과 유사한 효과v-html요소의 HTML 콘텐츠를 표현식의 값으로 업데이트v-text와 유사하지만, html이 적용되어 나타남XSS(크로스 사이트 스크립팅) 에 주의v-bind속성을 표현식(변수, 함수, 객체 등)에 동적으로 바인딩v-model폼 입력과 Vue 인스턴스 데이터 간에 양방향 데이터 바인딩v-if표현식의 참/거짓에 따라 요소 또는 템플릿 블록을 조건부로 렌더링v-else-if, v-else 와 함께 사용 가능v-show표현식의 참/거짓에 따라 요소를 보이거나 숨..

Closure (클로저)내부 함수가 외부 함수의 변수를 참조할 수 있는 특성 내부 함수가 외부 함수의 지역 변수를 기억하고 사용할 수 있다. def outer(): x = 10 # 외부 함수의 변수 def inner(): print(x) # 내부 함수에서 외부 함수의 변수에 접근 return inner # 내부 함수 반환# 내부 함수인 inner 반환closure = outer()# inner() 가 실행# x = 10은 outer 함수에서 정의됐지만, 내부 함수인 inner 함수에서도 접근 가능# 10 출력closure() Decorator (데코레이터)함수를 인자로 받아서 새로운 함수로 반환하면서, 기존 함수를 수정하거나 확장하는 방법 클로저를 활용하여 구현됨..

join은 어떤 테이블을 기준으로 가른 테이블에 있는 행을 가져오는 연산 조인의 종류는 cross join, inner join, outer join이 있다. join의 종류에 따라 어떤 연산이 일어나는지 헷갈리는 경우가 많았는데 기본적으로는 cross join의 결과로 가능한 모든 행 포함한 테이블 생성cross join의 결과에서 on 조건에 따른 필터링 진행한 것이 inner join의 결과inner join의 결과에서 반드시 포함시킬 행을 결정해서 null로 채워놓은 것이 outer join 예시 테이블을 간단하게 만들어서 이해해보자. a와 b테이블은 각각 아이디만을 속성으로 가지고 있다. 1. Cross Join카테시안 곱 결과를 리턴해준다. 카테시안 곱은 두 테이블의 각 행에 대해서 나..

호이스팅은 변수, 함수 및 다른 선언들이 코드 실행 전에 끌어올려지는 자바스크립트의 동작 방식이다. 이 과정에서 선언만 위로 끌어올려지고, 할당은 그대로 유지된다. 1. 변수 호이스팅# 작성된 코드console.log(a);var a = 10; # 실제 동작하는 코드var a; // 호이스팅을 통해 선언이 위로 올라감console.log(a); // a는 undefined로 처리a = 10; var로 선언된 변수의 경우, 호이스팅을 통해 위로 올라가면 자동으로 undefined로 할당되지만, let과 const로 선언되는 변수의 경우 TDZ(Temporal Dead Zone)으로 호이스팅 된다. TDZ로 호이스팅 된 경우, 초기화 전에 접근하면 ReferrenceError가 발생한다..

JavaScript에 존재하는 변수 선언 키워드는 var, let, const 3가지 종류가 존재키워드범위-변수 접근 가능 범위재선언재할당var함수 범위 (function scope)OOlet블록 범위 (block scope)XOconst블록 범위 (block scope), 상수XX ES6 이후에는 var로는 변수를 선언하지 않는 것을 권장한다고 한다. 이는 함수 범위 변수가 여러 에러를 발생 시킬 수 있기 때문 함수 범위 vs 블록 범위var로 선언된 변수는 함수 안에서만 유효하기 때문에 블록 (중괄호로 묶인 코드) 내부에서 선언하더라도 함수 전체에서 접근 가능// 함수 범위 변수 var 예시function test(){ if (true){ var x = 10; } console.lo..

CSS 선택자를 이용하여 HTML 내에서 원하는 요소만을 선택하여 스타일을 적용할 수 있음 선택자 종류설명예시유니버셜 선택자모든 요소를 선택* {color: blue;}요소 선택자특정 HTML 태그를 선택p {font-size: 16px;}아이디 선택자특정 아이디를 가진 요소를 선택#header {background-color: gray;}클래스 선택자특정 클래스를 가진 요소를 선택.menu {display: flex;}그룹화 선택자여러 선택자를 그룹화하여 한번에 적용 (,를 통해 구분)h1, h2, h3 {color: green;}자식 선택자직계 자식 요소를 선택div > p {margin-top: 10px;}후손 선택자자식을 포함한 모든 후손 요소를 선택div p {color: red;}인접 형제 선..

Heap이란?heap은 우선 순위 큐를 구현하는 자료구조로 이진 트리를 기반으로 구현된다. 부모 노드가 자식 노드보다 큰 경우 최대 힙, 부모 노드가 자식 노드보다 작은 경우 최소 힙이라고 한다. 힙의 삽입 및 삭제 연산은 O(logn)의 시간 복잡도로 이루어진다. 파이썬에 내부에서 사용 방식heapq 모듈을 이용하여 사용할 수 있다. 삽입 (heappush), 삭제 (heappop), 특정 배열을 힙 형태로 만들어주는 함수 (heapify) 지원heappop을 사용하면 배열 내의 가장 작은 값이 나오지만, 값이 삭제된다. 만약 삭제되길 원하지 않는다면 배열의 첫번째 원소에 접근하는 방식으로도 사용 가능하다. 기본적으로 최소힙만 지원하기 때문에 최대힙을 구현하기 위해서는 들어가는 값에 -를 곱해주어야 ..

https://www.superannotate.com/blog/llm-agents LLM agents: The ultimate guide 2025 | SuperAnnotateLLM agents are advanced AI systems that use planning, memory, and tools to solve complex language tasks with context-aware reasoning.www.superannotate.comLLM agent에 대해서 공부하기에 앞서서, 이 글이 LLM agent가 무엇을 하는 것인지에 대해 잘 정리가 되있다고 생각하여 정리해둔다. LLM 에이전트란?LLM 에이전트는 복잡한 텍스트 생성이 필요한 작업에서 순차적 추론 능력을 발휘하는 고급 AI 시스템..

1. IntroductionRAG 방법론은 retrieve-and-generate 과정을 통해 LLM의 hallucination을 제거할 수 있다short-form 생성에는 효과적으로 작동하지만, long-form 생성에는 잘 작동하지 않는다이는 생성 과정 중간에 추가적인 검색 과정을 통해 새로운 외부지식을 넣어줌으로써 해결할 수 있다본 논문에서는 LM이 생성하려는 문장을 통해 LM이 생성하려는 문장이 얼마나 confidence를 가지고 있는지 알아내고, 이를 통해 추가 검색을 수행할 지 말지 결정하는 FLARE 방법론을 제안한다 2. Retrieval Augmented Generation (RAG)2.1 Single-time Retrieval Augmented Generation전체 문서 Corpus ..

최근 inference time을 통해 모델이 reasoning을 거쳐 답변을 내놓게 하는 방식이 많이 사용되고 있다고 생각했다.이에 따라, RAG에도 그런 방법론을 적용한 논문이 있다가 찾아보다가 리뷰 1. IntroductionLLM의 등장과 CoT (chain-of-thought)와 같은 프롬프트 방법론의 발전으로 인해 많은 자연어 태스크의 발전을 이루었음하지만 모델이 생성하는 텍스트가 항상 사실을 기반으로 생성된다는 보장을 하긴 어려웠음 (ex, hallucination)RAG (Retrieval Augmented Generation) 방법론은 검색 결과를 통해 LLM이 사실 관계에 기반하여 생성할 수 있도록 유도본 논문에서는 CoT를 사용할 시에 reasoning step에서 발생할 수 있는 h..