에바니네

Prompt Engineering

Prompt Engineering 다양한 애플리케이션과 연구 주제에 언어모델을 효율적으로 사용할 수 있도록 프롬프트를 개발하고 최적화하는 프로세스입니다. 실험적 방법론에 기반하여, 원하는 결과를 정확히 의도한대로 항상 일관성 있게 내도록 만드는 것이 목적입니다. LLM 구성 3가지 1. 답변을 위해 필요한 적절한 컨텍스트 2. 원하는 결과를 추출을 위한 프롬프트 작성 3. 원하는 포맷의 출력을 위한 프롬프트 작성 Embedding 단어를 실수의 집합으로 바꿔줌 그리고 그 집합에서 벡터 글자들로 뭉쳐있고, 비슷한 단어들은 비슷한 차원의 주위에 뭉쳐있게 된다. vector search 관계성이 제일 두드러진 것을 결과를 가져온다. 프롬프트 엔지니어링 프롬프트 5가지 단계 1. 프로픔트 결과 설정 2. 프롬프..

TDD, Clean Code - Second Cycle

간단한 Lotto 구매 및 당첨확인하는 로직을 콘솔기반으로 했다가 HTML, CSS을 더해서 웹기반으로 변경하는 작업까지 통틀어서 피드백 받았던거를 적어보려고 합니당 웹팩 설정 일단 당연히 콘솔기반에서 웹기반으로 옮기려고 하다보면 webpack을 통해 dev를 열기위해 웹팩 설정이 필요했습니다. 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 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 const path = require("path"); const HtmlWebpackPlugin = require("html-webpack-plugin"); module.expor..

Machine Learning Concept

일단 AI는 두가지로 특정할 수 있다. Rule-base AI Machine Learning AI 여기서 Rule-base AI는 먼저 사람이 특징을 잡아주고 나서 AI가 물체를 특정하고, Machine Learning AI 사람이 물체를 던져주고 머신이 해당 물체의 특징을 분석 혹은 알고 있는 것을 바탕으로 해당 물체가 어떤 물체라는 것을 특정한다. 그런데 사과가 항상 같은 모양은 아니다. 반을 쪼갠 사과도 사과라는 것을 학습 시킬때 차이가 있다. Rule-base AI 는 해당 특징또한 직접 데이터를 입력해줘야하는 문제가 있다. Machine Learning AI 는 이미 정답을 제시했으니 거기서 특징을 추출해서 학습하기때문에 인간이 개입이 훨씬 적어진다. Unsupervised Learning (비..

TDD, Clean Code - first cycle

우테코 지원해볼때 한번 해봤던 콘솔 기반 단순 게임을 기반으로한 TDD, CleanCode 스터디를 진행하게 됬었고, 지난 3주가량 code review 및 피드백 받은것과 기억에 남는 것을 기록해보려고 합니다. TDD ( Test driven Development ) 란 ? 테스트를 먼저 작성하고, 그 후 실제 코드를 작성하는 방법인데 단순 먼저 테스트 코드를 짜는게 아닌 주어진 문제를 정의하고 그 해답을 찾아가는 과정이라고 합니다. TDD 사이클 7단계 ( 예시 - 자동차 경주 ) 1. 전체 문제가 해결되었을 때 어떤 상태일지 상상해보기, 결국 내가 뭐하려는 건지에 대해 ? 경주 결과로 우승자를 표시하여 보여준다. 2. 적당한 난이도로 핵심을 포함하여 문제를 쪼개서 변형하기 #1 경주 셋팅 - 자동차..

Click to Scroll ! ( 클릭해서 이동 )

토이프로젝트로 MBTI 테스트만드는데 디자인이 이렇게 나왔다. 1. Ref를 통한 ScrollIntoView 메소드 바닐라 자바스크립트에서는 Document에서 직접 DOM를 뽑아서 저 메소드를 사용했었지만, React에서는 useRef를 통해서 저 메소드를 사용해서 ref.current.scrollIntoView() 를 통해서 우리가 원하는 동작을 취할 수 있다. https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView Element: scrollIntoView() method - Web APIs | MDN The Element interface's scrollIntoView() method scrolls the element's ..

Langchain (랭체인)에 대해 알아보자 !

계기 요즘 chatGPT같은 생성형 AI와 더불어서 LLM에 대해서 관심이 가서 알아보다가, Language Model 기반의 프레임워크인 Langchain을 알게되었다. 관련된 프레임워크들은 죄다 파이썬으로 되어있어서 포기하던찰나, NodeJS로도 지원해주는 것을 보고 이거다 싶었다. 랭체인이란 무엇일까 ? LangChain is a framework for developing applications powered by language models. We believe that the most powerful and differentiated applications will not only call out to a language model via an API, but will also: Be data..

useEffect 와 useLayoutEffect의 차이 ?

https://blog.logrocket.com/useeffect-vs-uselayouteffect-examples/ React useLayoutEffect vs. useEffect with examples - LogRocket Blog Compare the useEffect and useLayoutEffect Hooks in React, looking into the inner workings and best use cases for each. blog.logrocket.com 공부 목적으로 번역하면서 정리한 글입니다. 오역있을 수 있음 ㅎ ㅎ; What’s the difference between useEffect and useLayoutEffect? Sprinkled all over the offi..

JS와 JSX 사이의 차이는 무엇일까여 ?

https://stackoverflow.com/questions/33042923/what-is-the-difference-between-javascript-and-jsx What is the difference between JavaScript and JSX? I am pretty new to React, I find most tutorial talked about JSX, I have not learnt any JSX syntax, but I am wondering if the main usage difference between JavaScript and JSX in React is only on the... stackoverflow.com 공부 목적으로 번역하면서 공부한 글입니당. JS is st..