FastAPI로 이미지 업로드

기존에 Flask로 POST 요청을 받는 API를 만들었다. 그런데 최근  여기저기 정보를 찾던 중 FastAPI가 종종 언급되는 것을 봤다. 도대체 왜 FastAPI에 열광하는지 궁금해서 기존 Flask 프로젝트를 FastAPI로 리팩토링 해보았다.속도: 비동기 처리를 지원해 이름처럼 빠른 실행 속도데이터 검증: 타입 힌트를 이용해 데이터를 쉽게 검증자동 문서: /docs에 자동으로 API 문서 생성쉬운 난이도: Python과 REST API에 익숙하다면 쉽게 사용할 수 있음설치 및 실행pip install fastapi[standard] pip install uvicorn[standard] pip install python-multipartFastAPI를 사용하기 위해 fastapi와 uvicorn을..

• format_list_bulleted 기타 주제/웹
• · 2025. 1. 17.

Docker에서 Flask 앱 실행

본 글은 Flask 앱을 Docker 환경에서 실행하는 예시다. Docker 환경 구축을 중심으로 설명하며, Flask에 대해 자세히 다루지 않는다.이미지와 컨테이너Dockerfile: 도커 환경 생성에 필요한 설정을 작성한다.이미지: 라이브러리 등 필요한 설정이 완료된 템플릿. 한 번 빌드하면 수정할 수 없으며, 읽기만 가능하다.컨테이너: 이미지를 실행해 만든 환경. 실제 코드가 실행되는 환경으로, 읽기/쓰기가 가능하다.본 글에서는 Dockerfile을 이용해 이미지를 빌드한다. 빌드한 이미지로부터 컨테이너를 만들고 Flask 앱을 실행한다.파일 구성본 프로젝트 구조는 다음과 같다./root |-- Dockerfile |-- app.py |-- requirements.txt |-- static ..

• format_list_bulleted 기타 주제/웹
• · 2025. 1. 16.

Golang HTTP 서버

멀티플렉서ServeMux는 멀티플렉서로 HTTP 요청 라우팅을 처리한다. 여러 URL을 적절한 동작으로 연결해 주는 역할이다.func ListenAndServe(addr string, handler Handler) errorListenAndServe는 서버를 실행하고 요청을 기다린다. 첫번째 인자로 포트를, 두 번째 인자로 Handler를 받는다.func main() { // http://127.0.0.1:8080/ http.ListenAndServe(":8080", nil)}Handler를 nil로 작성하면 DefaultServeMux를 사용한다. 이 경우 Handler 함수를 등록할 때 바로 http에 등록한다. (자세한 건 아래에서)func main() { mux := http.NewServeMux..

• format_list_bulleted 기타 주제/웹
• · 2024. 5. 10.

Flask로 python 백엔드 만들기

Flask 이해하기Flask는 대표적인 Python 백엔드 프레임워크로 간단한 서버 구축에 유리하다.ROOT |-- app.py |-- templates |-- index.html |-- result.htmlapp.py: 백엔드templates/*.html: 프론트엔드프론트엔드에 사용될 템플릿은 templates/ 폴더에 저장한다.오늘 살펴볼 과정은 "index.html"에서 입력을 받아 "result.html"에 출력하는 앱이다.HTML은 서버에 POST 요청을 보낸다. 서버는 전달받은 데이터를 처리한 뒤, HTML 파일로 내보낸다. 예를 들어, 제곱 계산기를 만든다고 가정하자. 사용자가 입력한 "3"을 POST 하면 "9"를 반환하는 식이다.Flask에는 GET 요청과 POST 요청..

• format_list_bulleted 기타 주제/웹
• · 2024. 5. 9.

CSS 정렬 및 배치 총정리

CSS에서 입문자에게 가장 헷갈리는 부분은 정렬과 배치라고 생각한다. 오죽하면 "How to center a div"라는 밈이 있을 정도다. 그래서 정리해 본 CSS 정렬 및 배치 방법이다. 본 글에서는 .outer와 .inner라는 클래스를 이용해 코드를 설명한다. HTML 삽입 미리보기할 수 없는 소스 가로만 중앙 정렬 auto margin HTML 삽입 미리보기할 수 없는 소스 .outer { width: 100% } .inner { margin: 0 auto } margin은 (상하, 좌우) 마진 값을 받는다. 이때 좌우 margin을 auto로 주었다. 이렇게 하면 div의 양쪽 공간이 auto로 채워지게 된다. 그리고 auto가 같은 크기의 공간을 차지하기 때문에 중앙 정렬한 효과를 낸다. t..

• format_list_bulleted 기타 주제/웹
• · 2024. 3. 9.

개발자의 UX/UI 디자인 기초

최근 UX/UI 개선 작업을 했다. 일정 관리 프로그램을 업데이트하는 일이었다. 프로그램에 오류가 많았는데, 코드는 큰 문제가 없었다. 대신 의도하지 않는 사용자 조작이 문제였다. 그래서 코드 개선뿐만 아니라 UX/UI도 갈아엎어야겠다고 생각했다. UX/UI 디자인을 하기 전, 디자인 시스템을 짜는 일은 중요하다. 그렇지 않으면 크기와 색상이 중구난방 섞이게 된다. 통일감을 주기 위해 기업에서도 디자인 시스템 가이드를 명시하고 있다. 네이버: https://developers.naver.com/console/clova/client/Design/DesignFoundation/Color.md G-market: https://gds.gmarket.co.kr/foundation/color 개발자도 개인 프로젝트..

• format_list_bulleted 기타 주제/웹
• · 2024. 2. 25.