Loading...
2023. 6. 17. 02:07

1장의 그림으로 아주 간단하게 이해하는 nginx

nginx가 뭔지 몰랐는데 친구가 한장의 그림으로 아주 간단하게 설명해줘서 원래 웹이 fastapi, backend frontend로 구성되어 있을때, 사용자가 특정 요청을 보내면 해당 요청으로부터 nginx가 어디로 보내야할지 판단해서 요청을 보내주는 역할 어떤 요청이 어디로 가야할지는 nginx를 설정하는 사람이 설정해놓는다 다음과 같이 https://ae-book.com/fast/...으로 로 들어오는 요청은 앞에 /fast를 보고 fastapi로 보내면 되겠구나 생각하고 nginx가 알아서 보내준다 nginx 필요없이 fastapi는 /fast로 하고 backend는 /back으로 하고.. 등등 일일이 알아서 처리하면 되는거 아니냐 해서 처음에 nginx 안쓰고 그랬는데(나는 그냥 이해를 못했어서..

2023. 5. 14. 03:07

frontend(vue.js)에서 FastAPI로 타입이 여러개 담긴 Formdata 보내기

1. formdata로 FastAPI에 값 보내기 formdata로 파일만 보내는 경우가 있지만, 때로는 formdata로 파일도 보내고 싶고 string이나 integer 등등 단순 데이터도 같이 보내고 싶을 수 있다 //vue.js async stopSoundToKeyword () { this.isLoading = true this.isRecording = false this.mediaRecorder.stop() this.mediaRecorder.onstop = (event) => { const blob = new Blob(this.audioArray, {type: 'audio/mp3'}) this.audioArray.splice(0) const formData = new FormData() form..

2023. 5. 10. 00:37

FastAPI에서 front로 파일을 제공하는 방법 - static file serving, Fileresponse + vue.js에서 음성파일 재생하기

1. static file serving FastAPI에서 만든 정적 파일(static file, HTML, CSS, Javascript, 이미지, 음성파일 등)을 front에 제공하고 싶을때, 한가지 방법 정적 파일 경로를 지정하고, frontend에서 해당 경로로 직접 접근하여 파일을 사용하는 방법 공식 문서 피셜 https://fastapi.tiangolo.com/tutorial/static-files/ Static Files - FastAPI Static Files You can serve static files automatically from a directory using StaticFiles. Use StaticFiles Import StaticFiles. "Mount" a StaticFi..

2023. 2. 4. 02:25

gitlab 프로젝트 CI/CD 환경 구축하기 6편 -gitlab에 push하면 자동으로 프론트엔드 빌드하기-

1. gitlab connection 이전에 했던 gitlab connection을 수행한다 gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- (tistory.com) gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- 1. plugin 설치 다음 링크에 나온대로 plugin을 모두 설치해줌 [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 (tistory.com) [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 1. Jenkins 플러그인 설치 우선, Jenkins와 Git deepdata.tistory.com gi..

2023. 2. 4. 02:23

gitlab 프로젝트 CI/CD환경 구축하기 5편 -EC2 서버 내에서 프론트엔드 빌드하기-

1. gitlab 연동하기 이전에 window jenkins에서 했던대로 gitlab 연동을 수행한다 gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- (tistory.com) gitlab 프로젝트 CI/CD 환경 구축하기 2편 -window에서 jenkins와 gitlab 프로젝트 연동하기 연습- 1. plugin 설치 다음 링크에 나온대로 plugin을 모두 설치해줌 [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 (tistory.com) [CI CD] Jenkins와 Gitlab 연동 및 CI/CD 구축하기 1. Jenkins 플러그인 설치 우선, Jenkins와 Git deepdata.tistory.c..