LLM은 기억력이 없어요, HTTP처럼 Stateless입니다 ChatGPT와 대화하다 보면 이런 착각을 하게 돼요: “오, AI가 내 이전 질문을 기억하네!” “대화 맥락을 이해하고 있어!” 하지만 사실은… LLM은 아무것도 기억하지 못합니다. 😱 HTTP가 Stateless(무상태)인 것처럼, LLM도 Stateless예요. 우리가...
[AI 기초] 백엔드 개발자를 위한 LLM과 Transformer 이해하기
LLM, 개발자 관점에서 이해하기 최근 ChatGPT, Claude 같은 LLM(Large Language Model)이 개발 생태계를 빠르게 변화시키고 있어요. 하지만 “대충 엄청 큰 모델”이라는 것 외에 실제로 어떻게 동작하는지 궁금하지 않으셨나요? 저는 3년차 Java 백엔드 개발자로서, LLM의 작동 원리를 개발 용어와 비유로 이해해보았습니...
[AI 실전] 내 명령을 AI가 못 알아듣는 이유 - 프롬프트 엔지니어링 완벽 가이드
AI에게 제대로 명령하는 법 🎯 “ChatGPT야, 코드 짜줘”라고 했는데 엉뚱한 결과가 나온 경험 있으시죠? 문제는 AI가 아니라 명령어(프롬프트)에 있습니다. 마치 SQL 쿼리를 잘못 작성하면 원하는 데이터를 못 가져오는 것처럼요. 오늘은 개발자를 위한 프롬프트 엔지니어링을 완벽히 정리해드립니다! 프롬프트 엔지니어링이란? 📋 “LLM에...
[REACT] 폰트, 이미지, 레이아웃 설정
1. 폰트, 이미지, 레이아웃 설정하기 폰트 적용 폰트 파일을 드래그하여 public 폴더 안에 넣기 ```css @font-face { font-family: “NanumPenScript”; /* 전역 등록 폰트 이름 / src: url(“/NanumPenScript-Regular.ttf”); / 설치 폰트 경로 ...
[REACT] 일기 관리 기능
1. 일기 관리 기능 구현하기 mockData 생성 App.jsx const mockData = [ { id: 1, createdDate: new Date().getTime(), emotionId: 1, // 감정은 1~5까지 존재 content: "1번 일기 내용", }, { id: 2, create...
[REACT] 페이지 라우팅
1. 페이지 라우팅 페이지 라우팅이란? 경로에 따라 알맞은 페이지를 렌더링하는 과정 Multi Page Application (MPA) 서버가 여러개의 페이지를 갖고있는 것 브라우저가 특정 주소를 갖고있는 페이지를 요청하게 되면 서버가 요청에 맞는 페이지...
[REACT] 공통 컴포넌트
1. 공통 컴포넌트 구현하기 버튼 컴포넌트 구현 Button.jsx ```jsx import “./Button.css”; const Button = ({ text, type, onClick }) => { return ( <button onClick={onClick} clas...
[REACT] 최적화
최적화 1. 최적화 최적화(Optimization) 웹 서비스의 성능을 개선하는 모든 행위 아주 단순한 것부터 어려운 방법까지 다양힘 일반적인 웹 서비스 최적화 방법 서버 응답속도 개선 이미지, 폰트, 코드파일 등 정적 파일 로딩 개선 불필요한 네트워크 요...
[REACT] useReducer
useReducer 1. useReducer useReducer란? 컴포넌트 내부에 새로운 State를 생성하는 React Hook 모든 useState는 useReducer로 대체 가능 useState와 useReducer의 차이점? ...
[REACT] Context
Context 1. Context React Context 컴포넌트 간 데이터를 전달하는 또 다른 방법 기존의 Props가 갖고있던 단점 해결 가능 Props 의 단점? 부모 -> 자식으로만 전달이 가능하다. (Props Drilling) App에서 To...