파이스크립트란? 왜 관심을 가져야 합니까?

6414 단어 pythonjavascripthtmlwebdev
PyScript은 Python과 표준 HTML을 함께 사용하여 브라우저에서 실행할 수 있는 Python 스크립트입니다. 이것은 웹 응용 프로그램을 만들기 위한 강력한 도구가 될 수 있습니다.

어떻게 작동합니까?
PyScript는 Pyodide 에 종속됩니다. 따라서 WebAssembly를 기반으로 하는 브라우저 및 Node.js용 Python 배포판(CPython의 포트)입니다.

WebAssembly is a new type of code that can be run in modern web browsers — it is a low-level assembly-like language with a compact binary format that runs with near-native performance and provides languages such as C/C++, C# and Rust with a compilation target so that they can run on the web.



WebAssemblyhere에 대한 자세한 내용을 확인할 수 있습니다.

PyScript에 대해 알아야 할 핵심 사항은 다음과 같습니다.

  • 브라우저의 Python: 서버측 구성에 의존하지 않고 드롭인 콘텐츠, 외부 파일 호스팅(Pyodide 프로젝트로 가능해졌습니다. 감사합니다!) 및 응용 프로그램 호스팅을 활성화합니다
    • .

  • Python 에코시스템: 많은 인기 있는 Python 패키지 및 과학 스택(예: numpy, pandas, scikit-learn 등) 실행

  • Python with JavaScript: Python과 Javascript 개체 및 네임스페이스 간의 양방향 통신

  • 환경 관리: 사용자가 실행할 페이지 코드에 포함할 패키지 및 파일을 정의하도록 허용

  • 시각적 응용 프로그램 개발: 버튼, 컨테이너, 텍스트 상자 등과 같이 쉽게 사용할 수 있는 선별된 UI 구성 요소 사용

  • 유연한 프레임워크: Python에서 직접 연결 가능하고 확장 가능한 새 구성 요소를 만들고 공유하는 데 활용할 수 있는 유연한 프레임워크


    • PyScript는 현재 알파 단계에 있습니다. 아직 사용할 준비가 되지 않았습니다. GitHub에서 소스 코드를 찾을 수 있습니다.


    간단한 예제부터 시작하겠습니다.

    먼저 HTML 파일에 py-script 종속성을 추가해야 합니다.

    <head>
  <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
  <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>


    이제 HTML 파일에서 PyScript를 사용할 수 있습니다. PyScript는 현재 다음 요소를 구현합니다.
    <py-script>: 기본 PyScript 요소입니다. 여기에서 웹 페이지 내에서 실행 가능한 Python 코드를 추가할 수 있습니다. 요소 자체는 페이지에 렌더링되지 않습니다.<py-repl>: Python 코드를 대화식으로 실행하는 데 사용할 수 있는 REPL입니다.

    Python Hello There 예:

    <html>
  <head>
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>
  <body>
    <py-script> print('Hello, Friends!') </py-script>
    <py-script> print( 1 + 1 ) </py-script>
  </body>
</html>


    파이썬 repl 예:

    <html>
  <head>
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>
  <body>
    <py-repl id="my-repl" auto-generate="true"> </py-repl>
  </body>
</html>


    실제 예: 여기




    읽어주셔서 감사합니다 😊

    질문이나 추가 사항이 있습니까? 댓글을 남겨주세요.




    당신이하지 않은 경우 읽어야합니다
















    자세한 내용은 .


    Github , , , Medium , Stackblitz에서 나를 잡아라.
    【Twitter】다운로드한 (자신의 계정의) 과거 트윗을 깨끗한 CSV로 하고 싶다
    리믹스는 더 깊은 모습을 형성합니다

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage