<aside> 🧐 해당 튜토리얼은 Python과 JavaScript 문법을 어느정도 알고 있다고 생각하고 진행을 합니다.

</aside>

PyScript

PyScript는 웹 브라우저에서 JavaScript처럼 사용(실행)할 수 있도록 개발된 라이브러리입니다. Pyscript를 통해 웹 프론트엔드 개발에서 JavaScript를 어느정도 대체할 수 있습니다. PyScript는 Python 프로그래밍 언어의 강력한 기능과 모듈 생태계로 높은 생산성과 코드 품질을 제공합니다.

PyScript — PyScript documentation

1.1 PyScript의 장점

1.1 Python 문법을 사용하기 때문에 더욱 직관적인 코드 작성이 가능합니다.

PyScript는 Python을 HTML 문서 내에서 사용할 수 있습니다. 이를 통해 간결하고 직관적인 코드 작성이 가능합니다. JavaScript에 비해 코드 작성 시간과 에러 발생 가능성을 줄여주는 장점을 가지고 있습니다.

1.2 코드의 가독성이 높습니다.

Python은 쉽게 읽힙니다. 가독성이 높아지면 코드의 유지보수가 용이해지며, 개발자가 코드를 이해하기 쉬워집니다.

1.3 Python과 같은 생태계를 공유합니다.

Python은 많은 라이브러리를 제공합니다. PyScript에서도 Python 라이브러리를 사용할 수 있어, 개발에 용이합니다. 라이브러리를 사용함으로써 개발자는 코드 작성 시간을 줄일 수 있고, 높은 품질의 코드를 작성할 수 있습니다.

<aside> 🧐 pyscript가 장점만 있는 것은 아닙니다. 가장 큰 단점으로는 로딩시간이 있습니다. 아직 범용적으로 사용하기에는 이르다는 평가가 많습니다. 생태계가 확장되어 브라우저에 내장되길 기대하고 있습니다.

</aside>

2. PyScript 사용 방법

2.1 PyScript 라이브러리 다운로드 방식

PyScript 라이브러리는 https://pyscript.net/ 에서 다운로드할 수 있습니다.

2.2 PyScript CDN 방식

다운로드 받지 않고 아래 CDN을 사용하여 바로 PyScript를 사용할 수 있습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1" />

    <title>Writing to the page</title>

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

</body>
</html>

3. Pyscript Tutorial