PyScript 사용 방법 – Python 프론트엔드 프레임워크

PyScript 사용 방법 – Python 프론트엔드 프레임워크

 

Python은 최근 몇 년 동안 엄청난 인기를 얻었습니다. 인공 지능에서 가장 널리 사용되는 것부터 데이터 과학, 로봇 공학 및 스크립팅에 이르기까지 광범위한 응용 프로그램이 있습니다.

웹 개발 분야에서 Python은 Django, Flask와 같은 프레임워크와 함께 백엔드에서 주로 사용됩니다.

지금까지 Python은 JavaScript와 같은 다른 언어와 같이 프론트 엔드 측면에서 많은 지원이 없었습니다. 그러나 고맙게도 Python 개발자는 웹에서 선호하는 언어를 지원하기 위해 일부 라이브러리(예: Brython)를 구축했습니다.

그리고 올해 PyCon 2022 컨퍼런스에서 Anaconda는 표준 HTML을 사용하여 웹에서 Python을 사용할 수 있게 해주는 PyScript라는 프레임워크를 발표했습니다.

출시에 대한 이 트윗을 확인할 수 있습니다.

📢 파이콘 소식 들으셨나요!? 사용자가 Python과 표준 HTML을 혼합하여 브라우저에서 풍부한 Python 응용 프로그램을 만들 수 있는 프레임워크인 PyScript를 소개하게 된 것을 기쁘게 생각합니다! 자세한 내용은 https://t.co/n4OoeBD46z를 참조하세요. 🧠 💥

— 아나콘다 (@anacondainc) 2022년 4월 30일

전제 조건

이 문서와 함께 코딩하려면 다음 도구와 지식이 필요합니다.

• 원하는 텍스트 편집기 또는 IDE.
• 파이썬 지식.
• HTML에 대한 지식.
• 브라우저(Google Chrome은 PyScript에 권장되는 브라우저입니다).

파이스크립트란?

출처: PyScript 공식 웹사이트

PyScript는 사용자가 브라우저에서 HTML 인터페이스를 사용하여 Python 프로그램을 구성할 수 있도록 하는 Python 프론트 엔드 프레임워크입니다.

Emscripten, Pyodide, WASM 및 기타 최신 웹 기술의 힘을 사용하여 개발되어 목표에 따라 다음 기능을 제공합니다.

• 간단하고 깔끔한 API를 제공합니다.
• 플러그 가능하고 확장 가능한 구성 요소 시스템을 제공합니다.
• "99%를 위한 프로그래밍"이라는 미션을 달성하기 위해 표준 HTML을 지원하고 확장하여 독단적이고 신뢰할 수 있는 사용자 지정 구성 요소를 읽습니다.

출처: 아나콘다 블로그

지난 수십 년 동안 Python과 최신 HTML, CSS 및 JavaScript와 같은 고급 UI 언어는 협업을 통해 작동하지 않았습니다. Python에는 단순히 앱을 패키징하고 배포하기 위한 매력적인 UI를 만드는 간단한 메커니즘이 없었지만 현재 HTML, CSS 및 JavaScript는 학습 곡선이 가파르게 될 수 있습니다.

Python이 HTML, CSS 및 JavaScript 규칙을 사용하도록 허용하면 이 두 가지 문제뿐만 아니라 웹 애플리케이션 개발, 패키징, 배포 및 배포와 관련된 문제도 해결됩니다.

PyScript는 브라우저에서 JavaScript의 역할을 수행하기 위한 것이 아니라 Python 개발자, 특히 데이터 과학자에게 더 많은 유연성과 기능을 제공하기 위한 것입니다.

왜 파이스크립트인가?

PyScript는 다음을 제공하여 일관된 스타일 지정 규칙, 더 많은 표현력 및 학습 용이성을 갖춘 프로그래밍 언어를 제공합니다.

• 브라우저 지원: PyScript를 사용하면 서버나 구성 없이 Python 및 호스팅을 지원할 수 있습니다.
• 상호 운용성: 프로그램은 Python과 JavaScript 개체 및 네임스페이스 간에 양방향으로 통신할 수 있습니다.
• 생태계 지원: PyScript를 사용하면 Pandas, NumPy 등과 같은 인기 있는 Python 패키지를 사용할 수 있습니다.
• 프레임워크 유연성: PyScript는 개발자가 Python에서 직접 쉽게 확장 가능한 구성 요소를 만들기 위해 구축할 수 있는 유연한 프레임워크입니다.
• 환경 관리: PyScript를 사용하면 개발자가 실행할 페이지 코드에 포함할 파일과 패키지를 정의할 수 있습니다.
• UI 개발: PyScript를 사용하면 개발자는 버튼 및 컨테이너 등과 같은 사용 가능한 UI 구성 요소를 사용하여 쉽게 빌드할 수 있습니다.

PyScript를 시작하는 방법

PyScript는 배우기 상당히 쉽고 간단합니다. 시작하려면 웹사이트의 지침을 따르거나 .zip 파일을 다운로드하세요.

이 기사에서는 웹사이트를 통해 PyScript를 사용하고 사용하는 방법을 배웁니다. HTML 파일의 구성 요소를 연결하여 이를 수행할 수 있습니다. PyScript를 사용하여 첫 번째 "Hello World"를 인쇄해 보겠습니다.

HTML 파일 만들기

시작하려면 선택한 텍스트 편집기/IDE를 사용하여 브라우저에 텍스트를 표시할 HTML 파일을 만들어야 합니다.

파이스크립트 링크

HTML 파일을 만든 후 PyScript 인터페이스에 액세스할 수 있도록 HTML 파일에 PyScript를 연결해야 합니다. 이것은 꼬리표.

브라우저로 인쇄

이제 PyScript를 HTML 파일에 연결했으므로 "Hello World"를 인쇄할 수 있습니다.

당신은 이것을 할 수 있습니다 꼬리표. 그만큼 태그를 사용하면 여러 줄의 Python 프로그램을 실행하고 브라우저 페이지에 인쇄할 수 있습니다. 태그를 사이에 배치 태그.

  print("Hello, World!")  

HTML 파일의 전체 코드는 다음과 같습니다.

    
    
    
    


     print("Hello, World!") 

브라우저에 다음이 표시되어야 합니다.

팁: VSCode 편집기를 사용하는 경우 HTML 파일을 업데이트할 때 VSCode의 라이브 서버 추가 기능을 사용하여 페이지를 다시 로드할 수 있습니다.

PyScript로 더 많은 작업

PyScript 프레임워크로 수행할 수 있는 작업이 더 있습니다. 이제 몇 가지를 살펴보겠습니다.

레이블이 지정된 요소에 레이블 부착

PyScript를 사용하는 동안 Python 코드에서 HTML로 변수를 전달할 수 있습니다. 당신은 이것을 할 수 있습니다 write 방법 pyscript 모듈 내의 꼬리표. 사용 id 속성을 사용하면 일반 텍스트로 표시되는 문자열을 전달할 수 있습니다.

write 메서드는 두 개의 변수를 허용합니다. id 값과 제공될 변수.

Today is

    
import datetime as dt
pyscript.write('today', dt.date.today().strftime('%A %B %d, %Y'))
    
  

출력은 다음과 같습니다.

브라우저에서 REPL 실행

PyScript는 브라우저에서 Python 코드를 실행하기 위한 인터페이스를 제공합니다.

이를 수행하기 위해 PyScript는 꼬리표. 그만큼 태그는 페이지에 REPL 구성 요소를 추가합니다. 이 구성 요소는 코드 편집기 역할을 하고 실행 가능한 코드를 인라인으로 작성할 수 있도록 합니다.

브라우저(Chrome 권장)에서 시도해 보면 다음과 같은 결과를 얻을 수 있습니다.

파일, 모듈 및 라이브러리 가져오기

PyScript가 제공하는 기능 중 하나는 유연성입니다. PyScript에서 로컬 파일, 내장 모듈 또는 타사 라이브러리를 가져올 수 있습니다. 이 프로세스는 사용 꼬리표. 이 태그는 필요한 종속성을 선언하기 위한 것입니다.

시스템의 로컬 Python 파일의 경우 코드를 다음 위치에 배치할 수 있습니다. .py 파일 및 로컬 모듈에 대한 경로는 다음 경로에 제공됩니다. 꼬리표.

파이썬 파일을 만들어보자 example.py 일부 기능을 포함하려면:

from random import randint

def add_two_numbers(x, y):
return x + y

def generate_random_number():
x = randint(0, 10)
return x


 

그런 다음 Python 파일을 HTML로 가져옵니다. 꼬리표. 이 태그를 태그 위의 꼬리표.

  
  
  
    - paths:
      - /example.py
  

Let's print random numbers

    Doe's lucky number is 
    
      from example import generate_random_number
      pyscript.write('lucky', generate_random_number())
    
  

그러면 다음이 반환됩니다.

표준 라이브러리의 일부가 아닌 타사 라이브러리의 경우 PyScript는 이를 지원합니다.

    
      
      
      
            - numpy
            - requests
      
    

  
    
    import numpy as np
    import requests
    
  

메타데이터 구성

다음을 사용하여 YAML 형식의 PyScript 애플리케이션에 대한 일반 메타데이터를 설정하고 구성할 수 있습니다. 꼬리표. 이 태그는 다음 형식으로 사용할 수 있습니다.

  - autoclose_loader: false
  - runtimes:
    -
      src: "https://cdn.jsdelivr.net/pyodide/v0.20.0/full/pyodide.js"
      name: pyodide-0.20
      lang: python

다음은 선택 가능한 값입니다. 태그 제공합니다. 여기에는 다음이 포함됩니다.

• autoclose_loader(부울): 이것이 false로 설정되면 PyScript는 로딩 시작 화면을 닫지 않을 것입니다.
• 이름(문자열): 사용자 애플리케이션의 이름입니다.
• 버전(문자열): 사용자 애플리케이션의 버전입니다.
• 런타임(런타임 목록): src, name 및 lang 필드가 있는 런타임 구성 목록입니다.

결론

이 기사에서는 PyScript가 무엇인지, HTML 파일에서 이를 사용하여 브라우저에서 Python 코드를 실행하는 방법을 배웠습니다. 또한 PyScript로 할 수 있는 다양한 작업/기능에 대해서도 배웠습니다.

PyScript를 사용하면 웹에서 Python 작업을 더 쉽게 실행하고 수행할 수 있습니다. 이전에는 쉽지 않았기 때문입니다. 이것은 웹에서 Python을 사용하고자 하는 모든 사람에게 훌륭한 도구입니다.

PyScript는 아직 초기 단계에 있으며 많은 개발이 진행 중입니다. 아직 알파 단계이며 사용성에 영향을 줄 수 있는 로드 시간과 같은 알려진 문제에 직면해 있습니다(성능 문제로 인해 이 글을 쓰는 시점에서 일부 다른 작업을 표시할 수 없음). 따라서 많은 주요 변경 사항이 있을 수 있으므로 아직 프로덕션에서 사용해서는 안 됩니다.

참고문헌