HTML에서 Python을 사용할 수 있는 PyScript (5)

250x250

관리 메뉴

😎 공부하는 징징알파카는 처음이지?

HTML에서 Python을 사용할 수 있는 PyScript (5) 본문

👩‍💻 백엔드(Back-End)/Node js

HTML에서 Python을 사용할 수 있는 PyScript (5)

징징알파카 2022. 11. 25. 14:44

728x90

<본 블로그는 itadventrue 님의 블로그를 참고해서 공부하며 작성하였습니다 :-)>

https://itadventure.tistory.com/546

파이스크립트 도전기(5) - 브라우저에서 파이썬 인터프리터?

지난 게시글에 연재되는 도전기 3탄입니다. https://itadventure.tistory.com/545 파이스크립트 도전기(4) - csv 읽고 그래프 출력하기 지난 게시글에 연재되는 도전기 4편입니다 . https://itadventure.tistory.com/544

itadventure.tistory.com

🎄 <py-repl>

파이선 명령어 입력 후 입력 상자 우측의 화살표 버튼을 클릭 하거나

Shift - Enter 눌러 실행 가능

❗ 명령어 하나만 실행

<py-repl></py-repl>

❗ 명령어 실행 후 다음 상자를 자동으로 생성

<py-repl auto-generate="true"></py-repl>

❗ 코드 구현

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />
    <title>파이썬 인터프리터</title>
    <link rel="icon" type="image/png" href="favicon.png" />
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>

  <body>
    <h1><b>pyscript REPL</b></h1>
    파이썬 명령어 입력 후 입력상자 우측의 화살표 버튼을 클릭하거나 
    또는 Shift-ENTER 를 눌러 실행이 가능합니다.
    <br>
    <div>
      <!-- 명령어 실행 후 다음 상자를 자동으로 생성 -->
      <py-repl auto-generate="true"> </py-repl>
    </div>
  </body>
</html>

728x90

저작자표시

'👩‍💻 백엔드(Back-End) > Node js' 카테고리의 다른 글

HTML에서 Python을 사용할 수 있는 PyScript (7) (0)	2022.11.25
HTML에서 Python을 사용할 수 있는 PyScript (6) (0)	2022.11.25
HTML에서 Python을 사용할 수 있는 PyScript (4) (1)	2022.11.25
HTML에서 Python을 사용할 수 있는 PyScript (3) (0)	2022.11.25
HTML에서 Python을 사용할 수 있는 PyScript (2) (0)	2022.11.25

'👩‍💻 백엔드(Back-End)/Node js' Related Articles

Comments

😎 공부하는 징징알파카는 처음이지?

HTML에서 Python을 사용할 수 있는 PyScript (5) 본문

HTML에서 Python을 사용할 수 있는 PyScript (5)

🎄 <py-repl>

'👩‍💻 백엔드(Back-End) > Node js' 카테고리의 다른 글

티스토리툴바