Gaon12: 시작

2025-01-25T11:36:52Z

시작

새 문서

== 개요 ==
<code><nowiki><py-script></nowiki></code> 태그는 [[HTML]] 문서에서 [[Python]] 코드를 실행할 수 있도록 해주는 태그로, [[PyScript]] 프레임워크를 통해 사용된다. 이를 통해 웹 개발자는 Python 코드를 HTML 문서 내에서 직접 작성하고 실행할 수 있다. PyScript는 [[JavaScript]]처럼 클라이언트 측에서 작동하며, [[데이터 시각화]], [[과학적 계산]], [[인터랙티브 웹 애플리케이션]] 제작에 적합하다.

== 특징 ==
=== 기본 특징 ===
<code><nowiki><py-script></nowiki></code> 태그의 주요 특징은 다음과 같다:
* 여는 태그(<nowiki><py-script></nowiki>)와 닫는 태그(<nowiki></py-script></nowiki>)가 필요한 요소이다.
* Python의 기본 문법과 대부분의 표준 라이브러리를 지원한다.
* [[CSS]] 및 [[JavaScript]]와 결합하여 동적인 사용자 경험을 제공할 수 있다.
* HTML5 표준과 호환되며, [[웹 접근성]]을 고려한 Python 애플리케이션 제작이 가능하다.

=== 의미론적 사용 ===
현대의 웹 개발에서 <code><nowiki><py-script></nowiki></code> 태그는 다음과 같은 경우에 사용이 권장된다:
* Python 기반의 간단한 데이터 분석 및 시각화.
* 학습용 인터랙티브 웹 애플리케이션.
* 브라우저 기반의 계산 및 알고리즘 테스트.
* JavaScript로 구현하기 복잡한 기능을 Python으로 대체.

== 지원 및 제한 ==
=== 지원되는 Python 문법 ===
<code><nowiki><py-script></nowiki></code> 태그는 대부분의 Python 기본 문법을 지원하며, 예를 들어 다음과 같은 코드를 실행할 수 있다:
<syntaxhighlight lang="Python">
<py-script>
for i in range(5):
print(f"Iteration: {i}")
</py-script>
</syntaxhighlight>

또한 [[datetime]], [[math]], [[random]] 등 주요 표준 라이브러리를 사용할 수 있다.

=== 지원되지 않는 Python 문법 ===
다음과 같은 Python 기능은 브라우저 환경의 제약으로 인해 지원되지 않을 수 있다:
* 파일 입출력 기능 ([[os]], [[shutil]] 등).
* 네트워크 소켓 및 서버 통신 ([[socket]] 모듈).
* 로컬 데이터베이스 접근 ([[sqlite3]]).

=== 외부 라이브러리 사용 ===
PyScript는 <code><nowiki><py-env></nowiki></code> 태그를 사용하여 외부 Python 라이브러리를 로드할 수 있다. 예를 들어:
<syntaxhighlight lang="HTML">
<py-env>
- numpy
- pandas
</py-env>
</syntaxhighlight>
이를 통해 [[NumPy]], [[Pandas]], [[Matplotlib]] 등의 라이브러리를 지원하며, 데이터 시각화와 분석에 활용할 수 있다. 그러나 C로 구현된 확장 모듈이나 시스템 종속적인 라이브러리는 제한될 수 있다.

== 사용법 ==
=== HTML에서의 사용 ===
기본적인 PyScript 사용법은 다음과 같다:
<syntaxhighlight lang="HTML">
<!DOCTYPE html>
<html>
<head>
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
<h1>PyScript Demo</h1>
<py-script>
name = "PyScript"
print(f"Hello, {name}!")
</py-script>
</body>
</html>
</syntaxhighlight>

=== 위키에서의 사용 ===
위키 문서 내에서 PyScript 예제를 포함하려면 <code><nowiki><syntaxhighlight></nowiki></code> 태그를 활용하여 코드 블록을 표현할 수 있다.

== 주의사항 ==
=== 의미론적 사용의 중요성 ===
<code><nowiki><py-script></nowiki></code> 태그 사용 시 다음 사항들을 고려해야 한다:
* 성능 제약: PyScript는 JavaScript 기반으로 실행되므로 대규모 계산에는 적합하지 않을 수 있다.
* 웹 접근성: 브라우저 호환성 및 사용자의 네트워크 환경에 따라 성능이 달라질 수 있다.
* 보안 문제: 클라이언트 측에서 Python을 실행하므로 악성 코드 실행 가능성을 방지해야 한다.

=== 대체 방안 ===
PyScript가 적합하지 않은 경우 다음 대안을 고려할 수 있다:
* JavaScript: 브라우저 최적화와 성능이 중요한 경우.
* 서버 측 Python: 대규모 데이터 처리와 보안 요구사항이 중요한 경우.
* WebAssembly: Python의 성능 향상을 위해 사용.

== 관련 항목 ==
* [[HTML]]
* [[JavaScript]]
* [[Python]]
* [[웹 개발]]

== 브라우저 호환 ==
{{브라우저 호환
|기능=PyScript
|chrome=예
|edge=예
|firefox=예
|ie=아니오
|opera=예
|safari=예
|chrome_android=예
|firefox_android=예
|opera_android=예
|safari_ios=예
|samsung_internet=예
|webview_android=예
}}

== 각주 ==
<references/>


[[분류:HTML]]
[[분류:파이썬]]
[[분류:웹 개발]]
[[분류:PyScript]]

Pyscript - 편집 역사

Gaon12: 시작