프로젝트 기록/LLM 게임 프로젝트 검색 결과

10 개의 검색 결과가 있습니다.

프로젝트 기록/LLM 게임 프로젝트

개발 리뷰 -8- FE 로그인, 로그아웃 개발

#0 개요리액트 상태 관리 툴을 무엇으로 할까 고민하다가, 익히기 쉬운 recoil로 진행하면서 테스팅을 위해 로그인 로그아웃 기능을 먼저 개발하기로 했다. #1 라우팅react-route 7.1.1 버전을 사용한다. 이전에 잠깐 언급 했던대로 createBrowserRouter로 로그인 전 상태 컴포넌트와, 로그인 이후 상태 component를 분리한다. 로그인 전 상태 컴포넌트에서 isLoggedIn 값을 변경해주는 로직을 작성하는 방향으로 진행한다. recoil로 local Storage에 상태를 저장하는 과정을 먼저 진행한다. 이후 isLoggedIn state가 변환했을 때, 다시 랜더링 해줄 컴포넌트를 설계해주는 과정으로 진행한다. #2 form 페이지 만들기react-hook-form을 사용..

2025. 1. 13. 22:35

프로젝트 기록/LLM 게임 프로젝트

개발 리뷰 -4- FE 개발 환경 세팅

#0 왜 vite 인가?다음은 vite 공식 문서를 참고해서 정리했다. 1. 먼저 번들링이란 무엇일까?개념은 여러 개의 JavaScript 파일과 그 종속성들을 하나 또는 소수의 파일로 묶는 과정이다. 예를 들어 main.js / api.js / utils.js 등 여러가지 js 파일로 개발을 했으며 서로 종속성을 가지고 있다고 할 때, 이를 번들링하지 않으면 브라우저는 각 js 파일을 개별적으로 요청하게 된다. 이는 네트워크 요청이 많아져 로드 시간이 길어질 수 있다. 번들러 (Webpack 등)를 사용하여 모든 JS 파일을 하나의 bundle.js 로 묶는 등의 과정이 번들링이다. vite는 이 번들러를 Esbuild라는 go로 작성된 프로그램을 사용하여 기존 webpack같은 번들러보다 10~100..

2025. 1. 6. 18:00

프로젝트 기록/LLM 게임 프로젝트

개발 리뷰 -3- 화면 설계 (figma)

#0 개요협업을 위해 현재 나누어둔, 내가 구현하려고 하는 페이지들의 모음#1 메인 페이지figma에 익숙하지 않아 완성도가 아쉬웠는데, 팀원이 피드백과 함께 멋있게 완성해주었다.다만 기존에 내가 생각했던 구조와 다른 부분이 있어 메모해두었다가 구현할 때 참고하여 구현하고자 한다. 1) 맨 위에는 웹 게임에 대한 개략적인 설명(튜토리얼)이 들어간다.2) 한번 튜토리얼을 본 적 있는 유저는 다음 접속에서는 튜토리얼 디자인을 스킵할 수 있는 기능을 구현한다. (현재 스크롤 이벤트를 적극적으로 활용하여 게임같은 디자인과 위 기능을 모두 구현하고자 한다.) #2 게임 채팅 페이지1) 누가 채팅을 치고 있는지 시각적인 효과 추가2) 반응형으로 모바일 화면에서는 채팅만 뜨도록 설계 #3 친구 목록 및 친구 추가 f..

2025. 1. 3. 19:55

프로젝트 기록/LLM 게임 프로젝트

개발 리뷰 -1- 기능 설정

#0 개발 배경LLM 관련 기술에 흥미가 있다보니 조금씩 기술에 대해서 찾아보고 있는데, LLM을 활용한 친구나 비서 등 굉장히 많은 서비스가 이미 나오고 있었다.예전부터 AI를 사용한 서비스를 구현해보고 싶었기 때문에 이번 SSAFY 팀 프로젝트에서 아래의 주제를 기획하게 되었다. 주제: '사회적 추론 게임(마피아 게임) 시스템을 접목한, LLM 평가 데이터 셋 수집 플랫폼' 아래와 같은 개요로 현재 결정한 아이디어의 피드백을 받기 위해 교수님들에게 메일을 보냈었다.***해당 프로젝트의 아이디어 발단은 다음과 같습니다. (참고 논문: https://arxiv.org/abs/2403.04132)현재 LLM은 기존에 명확한 정답을 출력했던 모델들과 달리 생성형으로 사용되기 때문에 평가 방식에 어려움이 있습..

2024. 12. 10. 15:58