๐Ÿ’ป Dev/๐Ÿช„ ์›น (web)

[vscode] VScode ํŒŒ์ด์ฌ ํ”Œ๋ผ์Šคํฌ ๊ฐœ๋ฐœํ™˜๊ฒฝ ๊ตฌ์ถ•ํ•˜๊ธฐ

Gamddalki 2022. 12. 12. 22:16

๋‚˜๋Š” ํŒŒ์ด์ฌ๋„ ์—†๋Š”๋ฐ.. ๋‹ค๋“ค ํ”Œ๋ผ์Šคํฌ ์„ค์น˜๋ถ€ํ„ฐ ํ•˜์…”์„œ ๋‚ด๊ฐ€ ๊ตฌ์ถ•ํ•˜๋ฉด์„œ ์ •๋ฆฌ๋ฅผ ํ•ด๋ณด์•˜๋‹ค!

 

1. ํŒŒ์ด์ฌ ์„ค์น˜

https://www.python.org/downloads/

 

Download Python

The official home of the Python Programming Language

www.python.org

์œ„ ๋งํฌ๋กœ ๋“ค์–ด๊ฐ€ ์ตœ์‹ ๋ฒ„์ „ ํŒŒ์ด์ฌ์„ ๋‹ค์šด ๋ฐ›๋Š”๋‹ค. ์ด๋•Œ "Add Python 3.7 to PATH" ์˜ต์…˜ ๊ผญ ์„ ํƒํ•˜๊ธฐ !

 

์ž˜ ์„ค์น˜ ๋˜์—ˆ์œผ๋ฉด cmd์ฐฝ์—์„œ "pip" ์ž…๋ ฅ ์‹œ ์•„๋ž˜์™€ ๊ฐ™์€ ๊ฒฐ๊ณผ๊ฐ€ ์ฐํžŒ๋‹ค.

pip

๋งฅ OS์ผ ๊ฒฝ์šฐ "pip3"๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

pip3

 

2. VScode extension์—์„œ python์ด๋ž‘ flask-snippets ์„ค์น˜

VScode ์ฐฝ์„ ์—ด๊ณ  ์ขŒ์ธก ์ƒ๋‹จ extensions ํƒญ์— ๋“ค์–ด๊ฐ€ python๊ณผ flask-snippets ๋ฅผ ๊ฒ€์ƒ‰ํ•ด ์„ค์น˜ํ•ด์ค€๋‹ค.

์„ค์น˜๊ฐ€ ์ด๋ฏธ ๋˜์–ด์žˆ์–ด uninstall ๋กœ ๋ณด์ด์ง€๋งŒ, ์„ค์น˜ ์ด์ „์ธ ๊ฒฝ์šฐ install ๋ฒ„ํŠผ์ด ๋ณด์ผ ๊ฒƒ์ด๋‹ค.

 

 

3. cmd์ฐฝ์—์„œ ์ž‘์—… ํด๋”๋กœ ๋””๋ ‰ํ† ๋ฆฌ๋ฅผ ๋ณ€๊ฒฝํ•˜๊ณ  ๊ฐ€์ƒํ™˜๊ฒฝ ๊ตฌ์ถ•ํ•˜๊ธฐ

๋จผ์ €, ์ž‘์—… ํด๋”๋กœ ๋””๋ ‰ํ† ๋ฆฌ๋ฅผ ์ด๋™ํ•ด์ค€๋‹ค.

cd ๋””๋ ‰ํ† ๋ฆฌ๊ฒฝ๋กœ

 

๋‹ค์Œ์œผ๋กœ ๊ฐ€์ƒํ™˜๊ฒฝ์„ ๊ตฌ์ถ•ํ•œ๋‹ค. ๋ณดํ†ต ๊ฐ€์ƒํ™˜๊ฒฝ ํด๋”๋ช…์€ venv๋กœ ํ•œ๋‹ค.

python -m venv ๊ฐ€์ƒํ™˜๊ฒฝ์ด๋ฆ„

๋งฅ OS์ผ ๊ฒฝ์šฐ, python3 ๋กœ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•œ๋‹ค.

python3 -m venv ๊ฐ€์ƒํ™˜๊ฒฝ์ด๋ฆ„

 

๋งŒ์•ฝ ์„ค์น˜ ์œ„์น˜๊ฐ€ ์ž˜๋ชป ๋˜์—ˆ๋‹ค๋ฉด, ์ž‘์—… ํด๋” ์•ˆ์— ๋“ค์–ด๊ฐ€ ๋‚ด๊ฐ€ ์„ค์ •ํ•œ ๊ฐ€์ƒํ™˜๊ฒฝ๋ช…์œผ๋กœ ๋˜์–ด์žˆ๋Š” ํด๋”๋ฅผ ์‚ญ์ œํ•œ๋‹ค.

์ด ์นœ๊ตฌ๋ฅผ ์ง€์›Œ์ฃผ๊ณ  cmd์ฐฝ์œผ๋กœ ๋Œ์•„๊ฐ€ ๋‹ค์‹œ ์„ค์น˜ํ•˜๋ฉด ๋œ๋‹ค.

 

4. ๊ฐ€์ƒํ™˜๊ฒฝ ๋‚ด์—์„œ ํ”Œ๋ผ์Šคํฌ ์„ค์น˜ํ•˜๊ธฐ

๊ฐ€์ƒํ™˜๊ฒฝ ์‹คํ–‰์€ ์•„๋ž˜์™€ ๊ฐ™์ด ํ•ด์ค€๋‹ค.

๊ฐ€์ƒํ™˜๊ฒฝ์ด๋ฆ„\Scripts\activate.bat

๋งฅ OS์˜ ๊ฒฝ์šฐ ์•„๋ž˜์˜ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•ด ๊ฐ€์ƒํ™˜๊ฒฝ์„ ์‹คํ–‰ํ•œ๋‹ค.

source ./bin/activate

์ž˜ ๋˜์—ˆ๋‹ค๋ฉด cmd์ฐฝ์ด ๊นจ๋—ํ•ด์ง€๊ณ , ๋””๋ ‰ํ† ๋ฆฌ๋ช… ์•ž์— (venv) ๊ฐ€ ๋ถ™๋Š”๋‹ค.

 

๊ฐ€์ƒํ™˜๊ฒฝ ๋‚ด์—์„œ ํ”Œ๋ผ์Šคํฌ๋ฅผ ์„ค์น˜ํ•ด์ค€๋‹ค.

pip install flask

๋งฅ OS์˜ ๊ฒฝ์šฐ pip3 ๋กœ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•œ๋‹ค.

pip3 install flask

 

์œˆ๋„์šฐ๋ผ๋ฉด ์ด๋•Œ ์ˆ˜๋งŽ์€ ์—๋Ÿฌ์™€ ๋งˆ์ฃผํ•˜๊ฒŒ ๋  ๊ฒƒ์ด๋‹ค.

์ „๋ฐฉ์— ํ•จ์„ฑ์„ ๋ฐฑ ๋ฒˆ ๋ฐœ์‚ฌํ•˜๋ฉด ํ•ด๊ฒฐ๋œ๋‹ค.

 

1) jws-0.1.3

https://pypi.org/project/jws/0.1.3/#files

 

jws

JSON Web Signatures implementation in Python

pypi.org

์œ„ ๋งํฌ๋กœ ๋“ค์–ด๊ฐ€ jws-0.1.3.tar.gz๋ฅผ ๋‹ค์šด๋ฐ›๋Š”๋‹ค. ์••์ถ•์„ ํ•ด์ œํ•œ ๋’ค, ์ž‘์—… ํด๋” ๋‚ด์˜ ๊ฐ€์ƒํ™˜๊ฒฝ\Lib\site-packages ํด๋” ์•ˆ์œผ๋กœ ์ด๋™์‹œ์ผœ์ค€๋‹ค.

ํด๋” ๋‚ด๋ถ€์˜ setup.py๋ฅผ ์—ด์–ด, ์ธ์ฝ”๋”ฉ ์˜ต์…˜์— UTF-8์„ ์ถ”๊ฐ€ํ•ด์ค€๋‹ค.

ํ•ด๋‹น setup.py ํŒŒ์ผ์ด ์žˆ๋Š” ํด๋”๋กœ ๋””๋ ‰ํ† ๋ฆฌ๋ฅผ ์ด๋™ํ•œ ๋’ค, ์•„๋ž˜ ๋ช…๋ น์–ด๋กœ jws๋ฅผ ์„ค์น˜ํ•œ๋‹ค.

python setup.py install

 

2) pyrebase

๋‹ค์‹œ ์ž‘์—… ํด๋”๋กœ ๋Œ์•„์˜จ๋‹ค. ์•„๋ž˜ ๋ช…๋ น์–ด๋ฅผ ๋ฐ˜๋ณตํ•ด ์‚ฌ์šฉํ•˜๋ฉด ์†์‰ฝ๊ฒŒ ๋Œ์•„๊ฐˆ ์ˆ˜ ์žˆ๋‹ค.

cd ..

์ด์ œ pyrebase๋ฅผ ๋”ฐ๋กœ ์„ค์น˜ํ•ด์ฃผ๊ณ , ๋‹ค์‹œ pip install flask๋ฅผ ์‹คํ–‰ํ•˜๋ฉด ์„ค์น˜๊ฐ€ ์ž˜ ์ง„ํ–‰๋  ๊ฒƒ์ด๋‹ค.

pip install pyrebase4

 

๋งฅ OS๋Š” ํ•œ ๋ฒˆ์— ์ž˜ ๋œ๋‹ค. (..)

 

์–ด?์ด๊ฒŒ์™œ๋˜์กฐ

 

5. VScode์—์„œ ์ž‘์—…ํ™˜๊ฒฝ ๋‚ด์˜ ๊ฐ€์ƒํ™˜๊ฒฝ์„ ์ธํ„ฐํ”„๋ฆฌํ„ฐ๋กœ ์„ค์ •ํ•˜๊ธฐ

ํ‚ค๋ณด๋“œ์˜ F1 ํ‚ค๋ฅผ ๋ˆ„๋ฅด๊ณ  Python: Select Interpreter ๋ฅผ ๊ฒ€์ƒ‰ํ•˜์—ฌ ์ž‘์—…ํ™˜๊ฒฝ ๋‚ด ๊ฐ€์ƒํ™˜๊ฒฝ์„ interpreter๋กœ ์„ ํƒํ•œ๋‹ค.

 

6. cmd ์ฐฝ์—์„œ ์„œ๋ฒ„ ๋Œ๋ฆฌ๊ธฐ

์ด์ œ ๋“œ๋””์–ด!! ์•„๋ž˜ ๋ช…๋ น์–ด๋ฅผ ์ด์šฉํ•ด ์„œ๋ฒ„๋ฅผ ์‹คํ–‰์‹œ์ผœ์ฃผ๋ฉด ๋œ๋‹ค.

python app.py

๋งฅ OS์˜ ๊ฒฝ์šฐ๋Š” python3 ๋กœ ๋ช…๋ น์–ด๋ฅผ ์‹คํ–‰ํ•œ๋‹ค.

python3 app.py

 

์ž˜ ๋˜์—ˆ๋‹ค๋ฉด http://127.0.0.1:5000/ ๋ฐฉ๋ฌธ ์‹œ ์›น ํŽ˜์ด์ง€๊ฐ€ ์ •์ƒ์ ์œผ๋กœ ๋ณด์ผ ๊ฒƒ์ด๋‹ค!

์•ผํ˜ธ!

 

7. ๊ฐ€์ƒํ™˜๊ฒฝ ์ข…๋ฃŒํ•˜๊ธฐ

์ฝ”๋”ฉ์„ ๋งˆ์นœ ๋’ค ๊ฐ€์ƒํ™˜๊ฒฝ์„ ๋‹ซ์•„์ค„ ๋•Œ๋Š” ์•„๋ž˜์˜ ๋ช…๋ น์–ด๋ฅผ ์ด์šฉํ•œ๋‹ค. ๋งฅ OS์˜ ๊ฒฝ์šฐ๋„ ๋™์ผํ•œ ๋ช…๋ น์–ด๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค.

deactivate

๋ช…๋ น์–ด๋ฅผ ์ž…๋ ฅํ•˜๊ณ  ์—”ํ„ฐ๋ฅผ ์น˜๋ฉด ๊ณง๋ฐ”๋กœ cmd์ฐฝ์ด ๊นจ๋—ํ•ด์ง€๋ฉฐ (venv) ๋ฐ–์œผ๋กœ ๋น ์ ธ๋‚˜์˜จ๋‹ค.

 

 

๋