Coder Social home page Coder Social logo

chang-soft-smart-db's Introduction

ChangSoft_project

This repository is for project in ChangSoftI&I


BackEnd 서버를 돌리려면 필요한 파일들(add_middleware.py, dbAccess.py, origins.py)을 다운 받은 후 main.py가 있는 디렉토리로 이동 후 다음 명령어를 입력합니다.(wsl 기반. 이때 wsl에서 서버를 연다면 wsl과 windows 간에 포트포워딩을 해야 할 수도 있습니다)

uvicorn main:app --reload --host 0.0.0.0 --port 8000

이때 명령어의 뜻은 다음과 같습니다. main.py 안에 있는 app 모듈을 실행한다.

"--reload" : 자동으로 재로딩 되게한다(코드 수정하고 저장 시 자동으로 서버 리부트가 됨)

"--host 0.0.0.0" : 모든 호스트들을 접속할 수 있게 한다

"--port 8000" : 포트번호를 8000번으로 지정한다

  • 이때 각자 컴퓨터에서 할당 받은 ip주소를 가지고 다른 컴퓨터에서 접속을 시도하려면 localhost에서의 방화벽을 해제시켜야 합니다

<포트포워딩 하는법>

  1. 윈도우 또는 WSL 재부팅시 // powershell 관리자 권한으로 실행 후 netsh interface portproxy reset

  2. 기존 세팅 삭제 netsh interface portproxy delete v4tov4 listenport=8000 listenaddress=0.0.0.0 -> "지정된 파일을 찾을 수 없습니다" 떠도 괜찮습니다.

  3. 새로 포트포워딩 설정 netsh interface portproxy add v4tov4 listenport=8000 listenaddress=0.0.0.0 connectport=8000 connectaddress=???? -> ????부분은 WSL 안에서 ifconfig으로 나온 ipv4주소를 입력


FrontEnd에서의 이미지 파일은 아직 DB에 없기 때문에 local에서 가져오는 식으로 진행하고 있습니다. 이미지가 들어있는 project_pictures.zip을 /frontend/src/resource 디렉토리 안에 압축을 풀어 넣어주면 됩니다. 이때 저 압축파일들이 하나의 폴더 안에 들어가 있어야 하며 그 폴더명은 project_pictures여야 합니다.

또한 기본적으로 frontEnd가 돌아갈 환경을 만들어주어야 하는데 package.json을 가지고 있다는 가정하에 다음과 같은 명령어를 입력해주시면 됩니다. npm install react

npm install kendo-react-all

npm install

npm fund

npm audit fix

만약 npm audit fix 명령어를 실행하였을때 작동이 안된다면 npm --force audit fix를 실행해주시면 됩니다.

chang-soft-smart-db's People

Contributors

71-hong-ii avatar cycy-kim avatar thahn1230 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.