프로젝트 기록 검색 결과
29 개의 검색 결과가 있습니다.
프로젝트 기록/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 게임 프로젝트

개발 리뷰 -1- 기능 설정

#0 개발 배경LLM 관련 기술에 흥미가 있다보니 조금씩 기술에 대해서 찾아보고 있는데, LLM을 활용한 친구나 비서 등 굉장히 많은 서비스가 이미 나오고 있었다.예전부터 AI를 사용한 서비스를 구현해보고 싶었기 때문에 이번 프로젝트를 기획하게 되었다. 졸업 작품으로 진행했던 텍스트 게임 어드벤쳐 플랫폼을 발전시킨 형태로ai가 게임 마스터인 텍스트 게임을 개발 목표로 진행한다.#1 기능 설정1. 사용자목표: 사용자의 입장에서 개발하기  다만 학습량을 고려하여, 백엔드는 huggingface나 데이터 분석 관련 코드와 연동하기 쉽게 Django로 구현하고자 한다.Django로 구현하게 되면 프레임워크에서 제공해주는 기초적인 부분으로만 빠르게 구현1) 회원가입2) 로그인3) 토큰 방식 인증4) 세션 관리 2..

2024. 12. 10. 15:58
프로젝트 기록/러시아어 사전 및 검색 웹

개발과정 리뷰 -26- 도메인 등록

#1 개요1) GCP에서 DNS 영역 만들기2) 가비아에서 네임서버 생성3) IP 주소 입력시 기본 접속 port 설정 #2 네임 서버란?가비아에서 도메인을 등록하다보면 나오는 네임서버 등록.캡처 이미지와 다르게 나는 그냥 가비아 네임서버를 사용했다. 네임서버는 도메인주소와 아이피주소를 서로 교환하는 기능을 수행하는 서버이다.직접 만들어주려고 했으나, 시간이 촉박해서 가비아 네임 서버를 사용했다.  여기서 등록한다. 포트번호를 80으로 등록하면 자동으로 http로 연결됨. 만약 포트번호 80이 아닌 다른 포트번호를 기본으로 연결하고 싶다면 리눅스 운영체제에서 Nginx 서버 호스트를 진행해야 한다. gpt로 출력해본 과정. 추후 적용해보자. # 서버 코드 작성 // server.jsconst expres..

2024. 5. 30. 12:13
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -25- linux screen 기능을 사용해서 GCP에서 배포

GCP에서 SSH창을 통해 서버를 실행할 수 있지만, 이를 닫게되면 자동적으로 서버도 꺼지게 된다. 따라서 이 콘솔창을 닫아도 서버를 실행시키기 위해 screen이라는 기능을 사용해서 구현해주려고 한다. screen https://gall.dcinside.com/mgallery/board/view/?id=pzom&no=126709위 과정 참조 screen -ls 사용시 현재 존재하는 스크린을 확인한다.스크린 목록 중 attached 가 현재 띄워진 스크린이며, dettached가 백그라운드에서 돌아가고 있지만 ssh에 보이지 않는 스크린을 말한다. screen -r  일치하는 세션이 없으면 생성하지 않고 진입 실패 ctrl a d - 나가기   + 추가[변경사항 적용하는 과정 기록]1. gcp에서 ssh..

2024. 5. 28. 22:15
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -24- GCP에서 express 서버 구동하기

#1 개요이전에 설정한 DB및 빌드 과정에서 이어집니다. 순서는 vm 인스턴스 생성 => 외부 아이피 고정 => 방화벽 설정 후 생성한 인스턴스에 적용 => 리눅스 환경에서 설정 후 git으로 프로젝트 다운 https://uzzam.dev/38?category=1026425 GCP에 웹 서버 배포하기 1 - GCP 무료 인스턴스 생성개요 포트폴리오를 만들어야겠다고 생각했다. 스크린샷으로 프로젝트를 표현하는 것 보다는, 직접 작동되는 사이트를 보여주는게 훨씬 좋다고 생각했다. 만든지 오래되었지만 배포할 수 있는uzzam.dev위 블로그의 포스팅을 많이 참조했다. #2 생성 과정 위 부분에 들어가서 인스턴스를 생성한다.  #3 리눅스 환경에 npm 새로 설정리눅스에 npm 원하는 버전 설치curl -o- h..

2024. 5. 28. 22:13
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -23- Summernote에서 붙혀넣기 이벤트에 대해

엄청난 시간을 소요하고 있는 문제점이 있어 정리하려고 한다. summernote에서 현재 붙혀넣기를 진행하면, 단순히 텍스트만 붙혀넣기 되는 것이 아니라 본래 복사한 텍스트의 디자인이 복사되어 아래와 같이 입력된다.문서 디자인이 태그로 결정되는 현재 웹 특성상 당연히 이런 게 있어서는 안되고,또 사용자 눈에 보이진 않지만 html로 보면 p 태그에 엄청나게 많은 CSS가 붙게 되어 짧은 텍스트가 어마어마하게 길어지는 비효율을 자랑했다. 따라서 텍스트만 붙혀넣기가 되도록 하기 위해 summernote에 onPaste 이벤트에서 텍스트를 추출해서 그 텍스트만 넣는 코드를 작성했다.onPaste: function (e) { let bufferText = ((e.originalEvent || e).clip..

2024. 5. 8. 19:10