반응형

PyScript, Hello 예제 만들어서 실행하기 

 

글. 수알치 오상문 

 

놀랍게도 <head>에 두 줄을 포함하는 것으로도 PyScript를 사용할 수 있습니다.

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Pyscript Hello World</title>
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>

 

<body>에서 PyScript를 사용하려면 <py-script> 태그를 이용합니다.


<body>
    <py-script>
    # 이곳에 파이스크립트를 작성합니다. 
    </py-script>
</body>
 

자, 이제 파이썬 print 함수를 이용하여 Hello, World!를 출력해봅시다.

 

    <py-script>
    # 이곳에 파이스크립트를 작성합니다. 

    print('Hello, World!')
    </py-script>
 

 파일을 hello.html 파일명으로 저장합니다.

      

[hello.html 소스 코드]

<!DOCTYPE html>
<html lang="ko">
<head>
    <title>Pyscript Hello World</title>
    <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, World!')
    </py-script>
</body>
</html>

 

hello.html 파일을 더블클릭하여 웹브라우저에서 실행해봅니다.

그러면 아래 화면처럼 웹브라우저에 Hello, World!가 출력되는 것을 볼 수 있습니다.

(초기에 파이스크립트 실행을 위한 다운로드 작업이 있어서 로딩 작업이 발생합니다.)

 

반응형

'PyScript' 카테고리의 다른 글

PyScript - Python In HTML  (0) 2022.07.17
PyScript 공식 사이트  (0) 2022.05.25
PyScript 소개 동영상  (0) 2022.05.25

+ Recent posts