파이썬,리액트,머신러닝을 이용한 소규모 프로젝트 기본세팅[1부]

안녕하세요.

 

오늘부터 FastAPI(백)와 React(프론트), sqlalchemy(DB), 간단한 예측모델(머신러닝)을 이용하여 작은 프로젝트를 만들기위한 세팅에 대해 알아보려합니다.

 

 

우선 FastAPI를 사용하려면 파이썬이 설치되어야하구요, React를 사용하려면 node가 설치되어있어야합니다.

설치부터 차례대로 진행해봅시다.

 

Window 기준으로 진행하며, IDE는 pycharm을 사용합니다.

 

1. 파이썬 설치
https://www.python.org/downloads/

2. nvm 설치
https://github.com/coreybutler/nvm-windows/releases
목록중 "nvm-setup.exe"를 다운로드 후 설치합니다.

 

3.노드 설치

https://nodejs.org/en/

설치 후 명령프롬프트에서

node -v  입력시 버전이 표시되어야 정상적으로 설치가 완료된 것 입니다.

 

4. 프로젝트 생성

여기까지 진행하였으면 이제 pycharm을 실행하여 새프로젝트를 생성합니다.

 

FastAPI를 선택하고 경로 및 python버전을 선택후 생성버튼을 눌러줍니다.

그럼 아래와 같이 프로젝트와 main.py가 생성될 것 입니다. 

 

 

5. 모듈 설치

이제 터미널로 이동하여 모듈들을 설치할겁니다.

 

 pycharm의 좌측 하단에 터미널 버튼을 눌러 터미널로 이동하고, 설치 명령어를 입력해줍니다.

설치 명령어 - pip install fastapi uvicorn sqlalchemy pydantic

설명 - [ fastapi uvicorn sqlalchemy pydantic 를 모두 install하겠다는겁니다.]

 

그후 위 이미지의 빨강네모안에 초록 글씨와 같이 --upgrade관련 멘트가 나오면 그대로 복사해서 업그레이드해줘도 무방합니다.

 

업그레이드 명령어 - python.exe -m pip install --upgrade pip

 

있다가 머신러닝 모델 생성시에 쓸 패키지들도 미리 설치해주겠습니다.

설치 명렁어 - pip install scikit-learn pandas numpy

pycharm하단에 아래 이미지와 같이 설치가 진행될것입니다.

 

 

6. 리액트 추가

프로젝트에 리액트를 추가하겠습니다.

터미널에 설치 명령어를 입력하고 질문에 y를 입력하여주시기바랍니다.

아래 명령어에서 [ frontend ]는 디렉토리명입니다.

 

설치명령어 - npx create-react-app frontend

 

여기까지 진행하시면 위와 같이 리액트 디렉토리가 생성됩니다.

 

1부는 여기서 마치겠습니다. 감사합니다.