프로젝트 기록 검색 결과
28 개의 검색 결과가 있습니다.
프로젝트 기록/논문 정리 웹

개발 리뷰 -1- 기능 설정

#0 개발 배경LLM 관련 기술에 흥미가 있다보니 조금씩 기술에 대해서 찾아보고 있는데, 필연적으로 논문을 많이 참고해야했다.GPT를 사용해서 번역을 부탁할 때도 있고, 요약을 부탁할 때도 있는데이 결과를 저장하지 않으면 다음에 또 찾아야하는 불편함이 있었다. 따라서 자신이 보기 위한 논문을 정리하는 웹을 개발해서 일단 내가 써보고괜찮으면 배포까지 해볼 생각에 시작하게 되었다. #1 기능 설정1. 사용자일단 혼자서 사용하는 것이 일차적인 목표이니, 기초적인 부분만 구현한다.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
프로젝트 기록/러시아어 사전 및 검색 웹

개발 과정 리뷰 -20- 개선해야할 버그 및 수정사항 목록

#0 summernote 편집기 내부에서 복사해서 붙혀넣기를 한 문자열은, 태그 안에 문자가 들어가는게 아닌, 이라는 쓰레기 스타일이 들어간 p태그 내부로 들어가게 됨. 이유를 현재 모름 (개선함) 붙혀넣기 시, 스타일을 가져오는 기능이 발생시킨 문제.따라서 아래 코드를 summernote 설정에 추가하여 개선하였다.callbacks: { onPaste: function (e) { var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text'); e.preventDefault(); document.execCommand('in..

2024. 4. 29. 14:01