본문 바로가기
코딩과 알고리즘

파이스크립트 도전기(5) - 브라우저에서 파이썬 인터프리터?

지난 게시글에 연재되는 도전기 3탄입니다. https://itadventure.tistory.com/545

 

파이스크립트 도전기(4) - csv 읽고 그래프 출력하기

지난 게시글에 연재되는 도전기 4편입니다 . https://itadventure.tistory.com/544 파이스크립트 도전기(3) - 판다스로 csv 읽고 표로 출력하기 지난 게시글에 연재되는 도전기 3편입니다 : https://itadventure...

itadventure.tistory.com

 

오늘은 간단하면서도 유용힌 스크립트를 가져왔는데요.
스크립트라기 보다는 태그가 어울리는 듯 합니다.

 

<PY-REPL> 태그

 

바로 <py-repl> 태그입니다.

파이스크립트 공식 튜토리얼에서 가져왔는데요.
거두 절미하고 아래 짧은 소스를 입력해서 실행해보세요.
환경이 갖추어지지 않으신 분은 크레이가 마련한 웹페이지에 방문하셔도 됩니다.
http://dreamplan7.cafe24.com/pyscript/py6.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="icon" type="image/png" href="favicon.png" />
    <link rel="stylesheet" href="https://pyscript.net/alpha/pyscript.css" />
    <script defer src="https://pyscript.net/alpha/pyscript.js"></script>
  </head>

  <body>
    <h1><b>pyscript REPL</b></h1>
    파이썬 명령어 입력 후 입력상자 우측의 화살표 버튼을 클릭하거나 
    또는 Shift-ENTER 를 눌러 실행이 가능합니다.
    <br>
    <div>
      <py-repl auto-generate="true"> </py-repl>
    </div>
  </body>
</html>


실행화면은 아래와 같습니다.
파이썬 사용자분들이라면 설마? 라고 생각하실 수도 있을 텐데요.
바로 그게 맞습니다. 


구글 코랩도 아닌 웹브라우저임에도 불구하고 파이썬 명령어를 바로 입력해서 실행할 수 있으니까요.
물론 파이썬과 완전 똑같지는 않기 때문에 약간 제약은 있더라구요 :)

파이썬 기본 명령어를 입력해 보겠습니다.
입력상자에 아래와 같이 입력하신 다음에, 

won_per_dollor=1317
dollor_price=100
print(won_per_dollor * dollor_price)


입력상자에 마우스를 가져다 대면 우측에 이런 화살표가 보이실 겁니다.
이 버튼을 눌러 주시거나 또는 Shift + Enter 키를 눌러주시면 이 코드가 웹 브라우저에서 바로 실행됩니다.

그래서 아래와 같은 계산 결과가 나옵니다.

그리고 연이어 다음 코드를 입력할 수 있도록 다음 입력 상자까지 노출이 됩니다.
와우 끝내주지 않습니까? 누구나 접근할 수 있는 웹 브라우저에서 파이썬 코드 실행을 할 수 있다니요.

<py-repl> 태그가 그 역활을 맡는데요.
그냥 아래와 같이 사용하면 명령어 하나만 실행할 수 있지만

<py-repl></py-repl>

 

아래와 같이 사용하면 명령어 실행 후 다음 상자를 자동으로 생성해 줍니다.
표준 태그처럼 쓸 수 있다는 고거 참 간편한 것 같습니다.

<py-repl auto-generate="true"></py-repl>


지난번에 작성한 구구단 코드도 테스트해보니 잘 실행됩니다

for i in range(2, 10):
    for j in range(1, 10):
      print ( str(i) + " x " + str(j) + " = " + str(i*j) )

하지만 아래 코드는 에러가 납니다.

      import matplotlib.pyplot as plt
      fig = plt.figure()
      year = [
        1994, 1995, 1996, 1997, 1998, 1999, 2000, 2001, 2002, 2003, 
        2004, 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013,
        2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021]
        
      population = [
        45416339, 45858029, 46266256, 46684069, 46991171, 47335678, 47732558, 48021543, 48229948, 48386823,
        48583805, 48782274, 48991779, 49268928, 49540367, 49773145, 50515666, 50734284, 50948272, 51141463,
        51327916, 51529338, 51696216, 51778544, 51826059, 51849861, 51829023, 51638809 ]
      plt.plot(year, population, label='Korea' )
      fig

왜 그러인지 대강 감은 올것 같은데요.
이 부분은 다음에 또 도전해 봐야 겠습니다 :)

 

마무~리

 

오늘은 아주 간단하게 <py-repl> 태그에 대해 알아보았습니다.
아무쪼록 빨리 기술을 익히고 싶지만 시간적 제약이 있는 터라, 한 걸음 한 걸음 밟아 올라가야 겠군요 :)
오늘도 방문해 주신 분들 모두에게 감사드립니다.
필요하신 분들께 도움이 되셨으면 하는 군요.
공감과 댓글은 사랑입니다 :)


다음 게시글 : https://itadventure.tistory.com/547

 

파이스크립트 도전기(6) - 파이썬 인터프리터(2편)

지난 게시글에서 연재되는 글입니다 : https://itadventure.tistory.com/546 파이스크립트 도전기(5) - 브라우저에서 파이썬 인터프리터? 지난 게시글에 연재되는 도전기 3탄입니다. https://itadventure.tistory...

itadventure.tistory.com