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

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

• format_list_bulleted 컴퓨터과학(CS)
• · 2023. 6. 17.
• textsms

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..

• format_list_bulleted 프로그래밍/FastAPI
• · 2023. 5. 10.
• textsms

gitlab 프로젝트 CI/CD환경 구축하기 7편 -jenkins 이용해서 node.js backend 서버 docker image로 빌드하기-

node.js - express backend같은 경우는 spring boot나 react와는 다르게 특별히 빌드해주는 방법이 없다 일반적으로 backend내의 모든 파일을 docker image화 시켜서 빌드한다고 한다 1. docker pipeline 설치 docker 이미지 빌드를 위해 docker pipeline이라는 플러그인 설치 2. docker hub 가입 docker hub 페이지로 들어가서 가입하고 Docker Hub Docker Hub Container Image Library | App Containerization Deliver your business through Docker Hub Package and publish apps and plugins as containers in ..

• format_list_bulleted 프로그래밍/docker & jenkins
• · 2023. 2. 5.
• textsms

react와 express 서버연동 익히기 1편 -express 서버 구축-

1. 프로젝트 시작 $npx create-react-app my-app으로 리액트 프로젝트 생성 npm start로 프로젝트 시작해서 확인해보기 2. server.js 생성 front와 back을 구분하고, back 부분에 server.js 파일을 생성 3. express 모듈 설치 npm install express 그리고 sever.js에 express 모듈을 불러오고, app이라는 변수에 express를 담는다. //backend/server.js const express = require('express'); const app = express(); 4. 포트 할당 포트는 해당 서버가 가지고 있는, 접속할 수 있게 해주는 주소 반드시 해당 서버에 적용된 포트로 접근해야만 올바르게 접속 가능 0~6..

• format_list_bulleted 프로그래밍/node.js
• · 2023. 1. 18.
• textsms