인공지능을 위한 프로그래밍, 파이썬과 관련된 알아두면 유용한 TIP
목차(클릭하세요)
파이스크립의 실행을 위한 2가지 방법
1. 깃허브 레포지토리를 이용한 웹호스팅(page 추가)
2. codepen을 사용해서 바로 확인
0.공식문서
•
파이 스크립트 공식문서
1. PyScript란?
2.
Python을 이용해 웹 브라우저에서 동작하는 완성도 높은 애플리케이션을 만들 수 있도록, 여러 공개된 기술을 프레임워크와 결합하는 것을 목표로 하는 메타 프로젝트
2. 사용법(기초)
1.
PyScript를 사용하려면 적절한 PyScript 파일들을 HTML 파일의 head 태그에 아래와 같이 추가해야 함
2.
현재 PyScript가 구현하는 요소들
•
<py-script>: 웹 페이지 내에서 실행 가능한 Python 코드를 정의하는 데 사용됨. 요소 자체는 페이지에 렌더링되지 않으며 논리를 추가하는 데만 사용됨
•
<py-repl>: 웹 페이지에 코드 편집기로 렌더링됨. 사용자가 실행 코드를 작성할 수 있도록 하는 REPL 구성 요소를 생성함.
<head>
<title>파이스크립트로 간단한 파이썬 코드 실행해보기</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
<script defer src="https://pyscript.net/alpha/pyscript.js"></script>
</head>
<body>
<!-- 바디(body) 영역안에 파이스크립트 영역을 만들어주고 필요한 코드 적어주기 -->
<py-script>
print('hello, world!')
</py-script>
</body>
</html>
JavaScript
복사
3. 기초 코드 실행결과
d.
연산 결과 실행해보기
<html>
<head>
<link rel="stylesheet" href="https://pyscript.net/latest/pyscript.css" />
<script defer src="https://pyscript.net/latest/pyscript.js"></script>
</head>
<body>
<py-script>
print("π 연산 결과:")
def compute_pi(n):
pi = 2
for i in range(1,n):
pi *= 4 * i ** 2 / (4 * i ** 2 - 1)
return pi
pi = compute_pi(100000)
print(f"π 연산 결과는 {pi:.3f} 입니다.")
</py-script>
</body>
</html>
JavaScript
복사
3. 사용법(응용)
PyScript기초
목차(클릭하세요)
데이터 표현방식이 중요한 이유?
🫱데이터를 저장, 처리, 전송하는 방법을 결정하기 때문
상황에 따라 적절하게? 형식을 취사선택 하면 됨!
1. JSON, YAML, XML이란?
•
XML, JSON, YAML은 모두 데이터를 저장하고 전송하기 위해 사용되는 “텍스트 기반의 데이터 포맷”
•
각 포맷은 특정 목적과 환경에 맞게 설계되었으며, 구조화된 데이터를 표현하는 데 각각의 장단점을 가짐
1-1. 형태를 표로 비교해보기

JSON, YAML, XML 이란?
목차(클릭하세요)
[참고 주소]
1. 마크다운으로 변환하기
•
절대 경로아닌 상대 경로로도 가능
- 주의: 경로에 []가 있으면 오류 발생

2. HTMl로 변환하기
•
절대 경로아닌 상대 경로로도 가능
- 주의: 경로에 []가 있으면 오류 발생

주피터 노트북(ipynb)을 마크 다운으로
목차(클릭하세요)
인라인 제안만 + 다른 제안만으로도 밥값 다함.
1. 코파일럿의 숨겨진 기능
1-1. 다른 제안을 받는 방법
•
AlT + ] , Alt + [
•
다른 제안을 확인한 다음 Tab 키를 눌러 수락

1-2.인라인 코드에서 사용할 수 있는 기능들
[사용법] 윈도우 기준: ctrl + i

•
doc: 함수의 문서(=설명서)를 작성

•
explain: 코드의 내용에 대해 일괄적으로 설명
코파일럿 숨은 기능
목차(클릭하세요)
1. 스마트한 VSC 사용법
1.1변수 한번에 바꾸기(=리네이밍)은 ctrl + F2활용

1.2.멀티 커서

•
art키 누른 상태로 클릭 후 편집
VS code




