【Python】0부터 웹 앱! 핸즈온(0)~환경 구축편~
4391 단어 병웹HTML파이썬PostgreSQL
개요
파이썬에서 0부터 웹 앱을 만들 기회가 있었기 때문에 그 요약으로!
이 기사에서는 환경 구축에 대해 씁니다.
이런 분들께 읽어주길 바래
목표
HTML, CSS, JavaScript, Python, SQL을 사용하여 CURD 기능을 가진 웹 앱을 만드는 것이 목표입니다.
필요한 것
1. Python 설치
공식 사이트에서 다운로드할 수 있습니다.
Download Python | Python.org

설치 프로그램을 시작한 후 'Python 3.8 to PATH 추가'를 선택하고 'Install Now'를 선택하십시오.

명령 프롬프트를 시작하고 python
를 입력하여 이미지와 같이 설치하면 성공합니다.

2. Visual Studio Code 설치
공식 사이트에서 다운로드할 수 있습니다.
Visual Studio Code - Code Editing. Redefined

인스톨러를 기동해, 기본적으로는 다음으로 진행해 OK입니다.
탐색기의 파일 컨텍스트 메뉴에 [Code로 열기] 액션 추가 및 탐색기의 디렉토리 컨텍스트 메뉴에 [Code로 열기] 액션 추가 하고 VSCode에서 열기 때문에 편리합니다.

3. Visual Studio Code 플러그인 설치
VSCode는 편리한 확장 기능을 많이 배포합니다. 사이드바에서 확인할 수 있습니다.

우선 우리가 넣고 있다 & 이번에 사용할 것 같은 최저한의 것을 소개합니다.
Japanese Language Pack for Visual Studio Code
기본 영어 VSCode를 일본어화합니다.

파이썬
Python 실행을 VSCode에서 할 수 있습니다.

Prettier - Code formatter
코드 포맷터입니다. (코드의 들여쓰기와 공간을 자동으로 정돈해주는 사람)
VSCode 표준의 포매터도 있습니다만, Prettier는 폭넓고, 커스터마이즈 용이하기 때문에 사용하고 있습니다.

4. PostgreSQL 설치
EDB 사이트에서 다운로드할 수 있습니다.
Download PostgreSQL Database for Windows, Linux and MacOS & 32-bit or 64-bit Versions | EDB

인스톨러를 기동해, 기본적으로는 다음으로 진행해 OK입니다.

pgAdmin4는 PostgreSQL을 쉽게 다루는 GUI 도구입니다. 이것이 없으면 CLI로부터의 조작(명령행)이 되므로, 익숙하지 않은 분은 pgAdmin4에 체크한 채로 인스톨 해 주세요.
요약
이번에는 여기까지!
서버 측 언어, 데이터베이스, 코드 편집기 환경을 정비했습니다!
다음 번은···
앱을 디자인하고 데이터베이스를 구축합니다!
【Python】0부터 웹 앱! 핸즈온(1)~설계, DB 구축편~ - Qiita
Reference
이 문제에 관하여(【Python】0부터 웹 앱! 핸즈온(0)~환경 구축편~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tsumasakky/items/d8069418d1fa6f2fa185
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
공식 사이트에서 다운로드할 수 있습니다.
Visual Studio Code - Code Editing. Redefined

인스톨러를 기동해, 기본적으로는 다음으로 진행해 OK입니다.
탐색기의 파일 컨텍스트 메뉴에 [Code로 열기] 액션 추가 및 탐색기의 디렉토리 컨텍스트 메뉴에 [Code로 열기] 액션 추가 하고 VSCode에서 열기 때문에 편리합니다.

3. Visual Studio Code 플러그인 설치
VSCode는 편리한 확장 기능을 많이 배포합니다. 사이드바에서 확인할 수 있습니다.

우선 우리가 넣고 있다 & 이번에 사용할 것 같은 최저한의 것을 소개합니다.
Japanese Language Pack for Visual Studio Code
기본 영어 VSCode를 일본어화합니다.

파이썬
Python 실행을 VSCode에서 할 수 있습니다.

Prettier - Code formatter
코드 포맷터입니다. (코드의 들여쓰기와 공간을 자동으로 정돈해주는 사람)
VSCode 표준의 포매터도 있습니다만, Prettier는 폭넓고, 커스터마이즈 용이하기 때문에 사용하고 있습니다.

4. PostgreSQL 설치
EDB 사이트에서 다운로드할 수 있습니다.
Download PostgreSQL Database for Windows, Linux and MacOS & 32-bit or 64-bit Versions | EDB

인스톨러를 기동해, 기본적으로는 다음으로 진행해 OK입니다.

pgAdmin4는 PostgreSQL을 쉽게 다루는 GUI 도구입니다. 이것이 없으면 CLI로부터의 조작(명령행)이 되므로, 익숙하지 않은 분은 pgAdmin4에 체크한 채로 인스톨 해 주세요.
요약
이번에는 여기까지!
서버 측 언어, 데이터베이스, 코드 편집기 환경을 정비했습니다!
다음 번은···
앱을 디자인하고 데이터베이스를 구축합니다!
【Python】0부터 웹 앱! 핸즈온(1)~설계, DB 구축편~ - Qiita
Reference
이 문제에 관하여(【Python】0부터 웹 앱! 핸즈온(0)~환경 구축편~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tsumasakky/items/d8069418d1fa6f2fa185
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
EDB 사이트에서 다운로드할 수 있습니다.
Download PostgreSQL Database for Windows, Linux and MacOS & 32-bit or 64-bit Versions | EDB

인스톨러를 기동해, 기본적으로는 다음으로 진행해 OK입니다.

pgAdmin4는 PostgreSQL을 쉽게 다루는 GUI 도구입니다. 이것이 없으면 CLI로부터의 조작(명령행)이 되므로, 익숙하지 않은 분은 pgAdmin4에 체크한 채로 인스톨 해 주세요.
요약
이번에는 여기까지!
서버 측 언어, 데이터베이스, 코드 편집기 환경을 정비했습니다!
다음 번은···
앱을 디자인하고 데이터베이스를 구축합니다!
【Python】0부터 웹 앱! 핸즈온(1)~설계, DB 구축편~ - Qiita
Reference
이 문제에 관하여(【Python】0부터 웹 앱! 핸즈온(0)~환경 구축편~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/tsumasakky/items/d8069418d1fa6f2fa185
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
앱을 디자인하고 데이터베이스를 구축합니다!
【Python】0부터 웹 앱! 핸즈온(1)~설계, DB 구축편~ - Qiita
Reference
이 문제에 관하여(【Python】0부터 웹 앱! 핸즈온(0)~환경 구축편~), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/tsumasakky/items/d8069418d1fa6f2fa185텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)