파이스크립트가 알파 버전을 벗어나 정식(?) 버전이 나온 요즘,
사실 정확한 출시 시기를 밝히지 않아 어중간하나 어느 정도 기반은 갖춰진 것 같습니다.
파이스크립트가 뭐냐구요?
공개 웹페이지에서 작동하는 파이썬입니다.
정말?
바뀐 파이스크립트, 기본부터 살펴볼까요?
우선 HTML 기본 소스는 아래와 같습니다.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>페이지 제목</title>
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css"/>
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
<section class="pyscript">
<py-script>
파이 스크립트를 입력하는 영역
</py-script>
</section>
</body>
</html>
이제 "파이 스크립트를 입력하는 영역"란을 채우면 되는데요.
아래 구구단을 출력하는 파이썬 스크립트를 입력하면,
for i in range(2, 10):
for j in range(1, 10):
display ( str(i) + " x " + str(j) + " = " + str(i*j) )
웹페이지에서 바로 이런 결과가 나오는 것이지요.
최종 소스는 아래와 같습니다.
공개 웹페이지에서 간단하게 파이썬을 바로 실행한다니 흥미롭지 않으세요? 🤗
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>페이지 제목</title>
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css"/>
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
<section class="pyscript">
<py-script>
for i in range(2, 10):
for j in range(1, 10):
display ( str(i) + " x " + str(j) + " = " + str(i*j) )
</py-script>
</section>
</body>
</html>
예전 알파버전 때 만든 크레이의 파이스크립트 홈페이지가 있었는데요.
바뀐 스크립트 때문에 작동되지 않는 문제로 다시 준비할 계획입니다.
아래 홈페이지에 방문하시면 파이스크립트 구경 - 예제1. 구구단 메뉴에서
이번 게시글의 파이스크립트 실행결과를 직접 보실 수 있습니다.
http://dreamplan7.cafe24.com/pyscript-book/
오늘도 방문해주신 모든 분들게 가암솨~ 드려요.
크레이의 프롤로그
개발자로써 회사 일에만 치여 방전되지 않도록 사이드 프로젝트를 이것 저것 해보고 싶긴 한데,
바뀐 명세 때문에 작동 안되는 기능도 다듬어야 할 것 같아 파이스크립트 홈페이지를 일부 손보았습니다.
'요새 IT 기술은 너무 자주 바뀌어서 문제'라는 약간의 잔소리(?)을 내며 말이지요 :)
다음편 : https://itadventure.tistory.com/636
'코딩과 알고리즘' 카테고리의 다른 글
웹 파이썬, 파이스크립트 비기[1] ( 실시간 모듈 설치 ) (2) | 2023.10.10 |
---|---|
웹 파이썬, 파이스크립트의 그래프와 바다 ASMR 유튜브 (2) | 2023.10.07 |
추억의 IQ1000,2000 MSX 에뮬레이터 (10) | 2023.03.11 |
크레이의 IT탐구 개발글 링크 모음 (47) | 2023.01.28 |
크레이의 앱개발 도전기 #12 - 레트로핏 연동1 ( 코틀린 ) (4) | 2023.01.02 |