1. NodeJS 설치하기
1) 웹사이트에서 찾아서 NVM-windows(node version manager) 설치하기
2) 터미널에서 nvm install 버전 으로 설치하기 : nodejs.org 사이트에서 LTS버전 확인 가능
3) nvm use 원하는버전 (사용하기를 원하는 버전을 사용상태로 만듦)
- nvm list 를 통해 설치되어 있는 모든 버전 확인 가능
- nvm uninstall 원하는버전 : 해당 버전 삭제 가능
2. NodeJS 프로젝트 시작하기
1) 프로젝트를 시작할 폴더 생성하기
2) VSCode에서 폴더 열기
3) 터미널에서 npm init -y : package.json 파일 생성하면서 npm 프로젝트 시작
4) npm install 패키지명 : lodash, parcel 등 원하는 패키지 설치하기
- npm install lodash
- npm install -D parcel : 개발용(-D), 개발하는 동안에만 사용하고, 웹서비스 시에는 포함되지 않음.
- package.json : 설치된 모듈의 정보
- package-lock.json : 설치한 모듈이 사용하는 하위 모듈들의 연결 정보, 모듈 한 개를 설치하면 그 모듈이 사용하는 모듈들이 다같이 설치됨. 그 관계가 나타난 파일
5) root에 index.html 파일 생성하기
6) package.json 파일 수정하기
- Scripts 부분에 "dev": "parcel ./index.html" "build": "parcel build ./index.html"
7) npm run dev : 웹서비스 시작하기
3. reflex (파이썬으로 프론트엔드, 백엔드 모두 코딩 가능)
1) miniconda 설치하기 : https://docs.conda.io/en/latest/miniconda.html
- miniconda 설치시 python.org에서 파이썬 설치할 필요 없음. miniconda와 함께 자동 설치됨.
2) 프로젝트를 시작할 폴더 생성하기
3) VSCode에서 폴더 열기
4) 터미널에서 가상환경 만들기
- miniconda 설치시 기본 가상환경은 base로 되어 있음.
- conda created -n 가상환경이름 python=3.11 (파이썬을 원하는 버전으로)
- conda activate 가상환경이름 : 원하는 가상환경 시작하기
- conda deactivate : 기본 가상환경(base)으로 돌아가기
- 터미널에서 가상환경 변경후, vscode에서도 가상환경 변경시켜줘야함. 우측하단 가상환경명 누르고 변경하기
5) reflex init : 기본 상태 설치됨.
6) pip install 모듈명 : 원하는 모듈 추가설치
7) reflex run : 웹서비스 시작