Python/FastAPI5 Svelte 개발 환경 준비 FastAPI로 만든 백엔드 서버에 데이터를 요청하고 응답을 받아서 처리하는 프로그램을 개발하기 위해서는 프론트엔드 프레임워크가 필요하다. 여기서는 프론트엔드 프레임워크로 스벨트(Svelte)를 사용할 것이다. Svelte 개발에 필요한 환경을 구성해 보자. 1. Svelte란? Svelte는 React, Vue.js 등과 비슷한 역할을 하는 프론트엔드용 웹 프레임워크이다. 2016년에 Rich Harris에 의해 최초 발표되었으며 현재 꾸준한 인기를 얻고 있는 프레임워크이다. 장점 Write less code - 다른 프론트엔드 프레임워크에 비하여 작성해야 할 코드들이 적다. 어떤 기능을 구현하기 위해 가독성은 떨어지지만 어쩔 수 없이 작성해야 하는 틀에 짜인 코드를 boilerplate 코드라고 하는.. 2024. 3. 25. 파이참 설치 및 사용 보통 파이썬을 개발할 때 많이 사용하는 에디터는 비주얼 스튜디오 코드와 파이참(PyCharm)이다. 여기서는 파이참으로 FastAPI(백엔드) 개발을 진행한다. 앞으로 프론트엔드 프레임워크로 스벨트(Svelte)를 사용할 예정인데 이 때 Svelte 프레임워크의 에디터는 비주얼 스튜디오를 사용할 것이다. Svelte는 '스벨트'라고 읽는다. 프레임워크 구분 에디터 FastAPI 백엔드(Backend) 파이참 (PyCharm) Svelte 프론트엔드(Frontend) 비주얼 스튜디오 코드(VSCode) 물론 VSCode 하나로만 FastAPI, Svelte 프로그램을 개발할 수 있지만 FastAPI는 파이참 에디터를 사용하는 것이 훨씬 편리하기 때문에 이 둘을 분리해서 사용할 것을 추천한다. 1. 파이참 .. 2024. 3. 25. FastAPI 프로젝트 생성하기 1. 프로젝트 디렉터리 생성하기 FastAPI 프로젝트는 여러 개가 될 수 있으므로 프로젝트를 모아 둘 프로젝트 루트 디렉터리 생성은 필수다. 지금은 C:\projects 디렉터리를 프로젝트들의 루트 디렉터리로 정하고 진행하겠다. (movieapi) C:\venvs\movieapi\Scripts>deactivate C:\venvs\movieapi\Scripts>cd\ C:\> mkdir projects C:\> cd projects 그리고 projects 디렉터리 안에서 movieapi 가상 환경에 진입하자. 가상 환경 진입 명령어가 길어서 좀 불편하겠지만 지금은 이 방법으로 가상 환경에 진입하겠다. 가상 환경 진입 명령어를 간단하게 만드는 팁은 마지막에서 설명한다. C:\projects>C:\venvs.. 2024. 3. 25. FastAPI 개발 환경 준비 가상 환경이란? 가상 환경은 프로젝트를 진행할 때 독립된 환경을 만들어 주는 도구이다.가상 환경을 이용하면 하나의 PC에 서로 다른 버전의 파이썬과 라이브러리를 쉽게 설치하여 사용할 수 있다. 1. 가상 환경 디렉터리 생성하기 윈도우에서 명령 프롬프트를 실행하고 다음 명령어를 입력해 C:\venvs라는 디렉터리를 만든다. C:\Users\pahkey> cd \ C:\> mkdir venvs C:\> cd venvs 2. 가상 환경 만들기 다음 명령어를 통해 파이썬 가상 환경을 만든다. C:\venvs> python -m venv movieapi 명령이 잘 수행되었다면 C:\venvs 디렉터리 아래에 movieapi라는 폴더가 생성된 것을 확인할 수 있다. 그런데 가상 환경을 만들었다 해서 바로 가상 환경.. 2024. 3. 25. FastAPI란? FastAPI란? FastAPI는 API를 만들기 위한 파이썬 웹 프레임워크이다. FastAPI는 이름에 걸맞게 빠른 속도를 자랑한다. API(Application Programing Interface)는 서비스의 요청과 응답에 대한 규칙을 의미하지만 보통 API라고 하면 이러한 요청과 응답을 처리하는 서비스(기능)를 의미한다. 기존 프레임워크와의 차이점 파이썬 웹 프레임워크 중 가장 유명한 장고와 플라스크는 주로 웹 서비스를 만들때 사용한다. 하지만 FastAPI는 API를 만드는데 보다 집중한 프레임워크이다. FastAPI로 작성한 API는 리액트나 Vue.js, Svelte와 같은 Frontend 웹 프레임워크에서 사용할 수 있고 안드로이드나 아이폰 앱에서도 사용할 수 있다. 만약 장고나 플라스크로.. 2024. 3. 25. 이전 1 다음
