Inflearn brand logo image
Inflearn brand logo image
์ฑ„๋„ํ†ก ์•„์ด์ฝ˜

30๋ถ„ ์š”์•ฝ๊ฐ•์ขŒ ์‹œ์ฆŒ6: PyScript

PyScript(ํŒŒ์ด์Šคํฌ๋ฆฝํŠธ)์˜ ๊ฐ„๋‹จํ•œ ์‚ฌ์šฉ๋ฒ•์„ ์ตํž ์ˆ˜ ์žˆ๋Š” ํŠœํ† ๋ฆฌ์–ผ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•ด ์ค€๋น„ํ•œ
[์›น ๊ฐœ๋ฐœ] ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

์ด๋Ÿฐ ๊ฑธ ๋ฐฐ์šธ ์ˆ˜ ์žˆ์–ด์š”

  • PyScript๋ž€?

  • PyScript ์‚ฌ์šฉ๋ฐฉ๋ฒ•

  • PyScript์˜ print, input๊ณผ repl, module, DOM ๋“ฑ

ํŒŒ์ด์ฌ์„ ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ์ฒ˜๋Ÿผ?! 
์˜ค๋Š˜๋ถ€ํ„ฐ ๋‚˜๋„ ํŒŒ์ด์Šคํฌ๋ฆฝํŠธ ์›น๊ฐœ๋ฐœ์ž! 

๐Ÿค” ํ•˜์ง€๋งŒ, ์žฅ์ ๋งŒ ์žˆ๋Š” ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค.

๊ฐ€์žฅ ํฐ ๋‹จ์ ์œผ๋กœ๋Š” ๋กœ๋”ฉ์‹œ๊ฐ„์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์•„์ง ๋ฒ”์šฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ์—๋Š” ์ด๋ฅด๋‹ค๋Š” ํ‰๊ฐ€๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ƒํƒœ๊ณ„๊ฐ€ ํ™•์žฅ๋˜์–ด ๋ธŒ๋ผ์šฐ์ €์— ๋‚ด์žฅ๋˜๊ธธ ๊ธฐ๋Œ€ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

โœจ Pyscript๋กœ ์ œ์ž‘๋œ ์„œ๋น„์Šค

Q&A๋ฅผ ํ™•์ธํ•ด๋ณด์„ธ์š”! โœ๏ธ

Q. ํ•„์š”ํ•œ ์„ ์ˆ˜ ์ง€์‹์ด ์žˆ๋‚˜์š”? 

๋ณธ ๊ฐ•์˜๋Š” PyScript ํŠœํ† ๋ฆฌ์–ผ ๊ฐ•์˜๋กœ Python๊ณผ JavaScript ๊ธฐ์ดˆ ๊ฐœ๋…์„ ์•Œ๊ณ  ์žˆ์œผ๋ฉด ํ•™์Šต์— ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค. ์ดํ•ดํ•˜๋Š”๋ฐ ์–ด๋ ค์›€์ด ์žˆ๋‹ค๋ฉด "์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„ 30๋ถ„ ์š”์•ฝ ๊ฐ•์ขŒ ์‹œ์ฆŒ1"์„ ์ฐธ๊ณ ํ•ด ์ฃผ์‹œ๊ธฐ ๋ฐ”๋ž๋‹ˆ๋‹ค.

Q. Windows/MacOS ๊ฐœ๋ฐœ ํ™˜๊ฒฝ์„ ์ œ๊ณตํ•˜๋‚˜์š”? 

์‹ค์Šต์€ Visual Studio Code์—์„œ ์ง„ํ–‰๋˜๋ฉฐ OS์— ์ƒ๊ด€์—†์ด ํ•™์Šต์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

"์˜ค๋Š˜๋ถ€ํ„ฐ ๋‚˜๋„ ์›น๊ฐœ๋ฐœ์ž"

์ดˆ๊ธ‰์ž๋ฅผ ์œ„ํ•œ PyScript ์ž…๋ฌธ๊ฐ•์˜! 
PyScript์˜ ๊ฐ„๋‹จํ•œ ์‚ฌ์šฉ๋ฒ•์„ ์ตํž ์ˆ˜ ์žˆ๋Š” ํŠœํ† ๋ฆฌ์–ผ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.

PyScript? 

PyScript๋Š” JavaScript ๋Œ€์‹  ์‚ฌ์šฉ๋˜๋Š” Python '๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ' ์ž…๋‹ˆ๋‹ค.
Python ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด์˜ ๊ฐ•๋ ฅํ•œ ๊ธฐ๋Šฅ๊ณผ ๋ชจ๋“ˆ ์ƒํƒœ๊ณ„๋กœ ๋†’์€ ์ƒ์‚ฐ์„ฑ๊ณผ ์ฝ”๋“œ ํ’ˆ์งˆ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

์™œ ์‚ฌ์šฉํ•ด์•ผ ํ• ๊นŒ? ๐Ÿค”

  • ์ง๊ด€์ ์ธ ์ฝ”๋“œ ์ž‘์„ฑ ์šฉ์ด
  • ์ฝ”๋“œ์˜ ๊ฐ€๋…์„ฑ
  • Python๊ณผ ๊ฐ™์€ ์ƒํƒœ๊ณ„ ๊ณต์œ 
  • ์œ ์—ฐํ•œ ํ”„๋ ˆ์ž„์›Œํฌ
  • Python๊ณผ Javascript ์–‘๋ฐฉํ–ฅ ํ†ต์‹  (*๊ฐœ์ฒด ๋ฐ ๋„ค์ž„์ŠคํŽ˜์ด์Šค ๊ฐ„์˜ ์–‘๋ฐฉํ–ฅ ํ†ต์‹ )

ํ•˜์ง€๋งŒ, ์žฅ์ ๋งŒ ์žˆ๋Š” ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. ๊ฐ€์žฅ ํฐ ๋‹จ์ ์œผ๋กœ๋Š” ๋กœ๋”ฉ์‹œ๊ฐ„์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์•„์ง ๋ฒ”์šฉ์ ์œผ๋กœ ์‚ฌ์šฉํ•˜๊ธฐ์—๋Š” ์ด๋ฅด๋‹ค๋Š” ํ‰๊ฐ€๊ฐ€ ๋งŽ์Šต๋‹ˆ๋‹ค. ์ƒํƒœ๊ณ„๊ฐ€ ํ™•์žฅ๋˜์–ด ๋ธŒ๋ผ์šฐ์ €์— ๋‚ด์žฅ๋˜๊ธธ ๊ธฐ๋Œ€ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. 

PyScript๋กœ ์ œ์ž‘๋œ ์„œ๋น„์Šค โœจ

๊ฐ•์˜ ํŠน์ง• โœจ 

  • PyScript์˜ ๊ฐ„๋‹จํ•œ ์‚ฌ์šฉ๋ฒ•์„ ์ตํž ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์†Œ์Šค ์ฝ”๋“œ ๋ฐ ํ•™์Šต ์ž๋ฃŒ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. (๋งํฌ๋กœ ์ œ๊ณต)

ํ•™์Šต ๋‚ด์šฉ ๐Ÿ“š

์„น์…˜ 0. ๊ฐ•์˜ ์†Œ๊ฐœ

  • ๊ฐ•์˜ ์†Œ๊ฐœ
  • ํ•™์Šต ์ž๋ฃŒ

์„น์…˜ 1. PyScript

  • PyScript ์žฅ๋‹จ์ 
  • print
  • input๊ณผ repl
  • module
  • DOM 1
  • DOM 2
  • ๋ณ€์ˆ˜ ๊ตํ™˜
  • ๋กœ์ปฌ ์Šคํ† ๋ฆฌ์ง€

์ด๋Ÿฐ ๋ถ„๋“ค๊ป˜
์ถ”์ฒœ๋“œ๋ ค์š”!

ํ•™์Šต ๋Œ€์ƒ์€
๋ˆ„๊ตฌ์ผ๊นŒ์š”?

  • PyScript์— ๊ด€์‹ฌ์ด ์žˆ์œผ์‹  ๋ถ„

  • PyScript์˜ ๊ฐ„๋‹จํ•œ ์‚ฌ์šฉ๋ฒ•์„ ์ตํžˆ๊ณ  ์‹ถ์œผ์‹  ๋ถ„

์„ ์ˆ˜ ์ง€์‹,
ํ•„์š”ํ• ๊นŒ์š”?

  • Python ๊ธฐ์ดˆ

  • JavaScript ๊ธฐ์ดˆ

์•ˆ๋…•ํ•˜์„ธ์š”
์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„์ž…๋‹ˆ๋‹ค.

95,651

๋ช…

์ˆ˜๊ฐ•์ƒ

2,228

๊ฐœ

์ˆ˜๊ฐ•ํ‰

159

๊ฐœ

๋‹ต๋ณ€

4.8

์ 

๊ฐ•์˜ ํ‰์ 

80

๊ฐœ

๊ฐ•์˜

แ„‰แ…ฉแ„€แ…ข แ„‹แ…ตแ„†แ…ตแ„Œแ…ต.png.webp

 

๐Ÿง™โ€โ™‚ ์•ˆ๋…•ํ•˜์„ธ์š”. ์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„์ž…๋‹ˆ๋‹ค.

์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„๋ž€?

 

 

์ œ์ฃผ์—์„œ ๊ฐ€์žฅ ํ•ซํ•œ ๊ฐœ๋ฐœ์ž๋“ค์ด ๋ชจ์—ฌ ์ž‘๋‹นํ•œ ๋ถ€ํŠธ์บ ํ”„! ์—ด์ •์žˆ๋Š” ์ฒญ๋…„๋“ค์—๊ฒŒ ์—ด์ •๋งŒํผ ์„ฑ์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค!

์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„๋Š” ์ œ์ฃผ์—์„œ ๊ฐ€์žฅ ํฐ ICT ๊ต์œก ํ–‰์‚ฌ๋กœ ์นด์นด์˜ค, ๊ตฌ๋ฆ„, ์ œ์ฃผ์‚ฐํ•™์œตํ•ฉ์› ๋“ฑ ๊ธฐ์—… ์ง€์ž์ฒด์™€ ํ•จ๊ป˜ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.


์„œ๋น„์Šค ๊ตฌ์ถ• ์„ฑ๊ณต
๊ฒฝํ—˜์„ ํ†ตํ•ด ์ด ์ทจ์—…๋‚œ ์‹œ๋Œ€์— ์ž์‹ ๊ฐ, ์ž์กด๊ฐ, ์„ฑ์ทจ๊ฐ, ๊ทธ๋ฆฌ๊ณ  ์ž๋ฆฝํ•  ์ˆ˜ ์žˆ๋Š” ๋Šฅ๋ ฅ์„ ๋ฐฐ์–‘ํ•ด ๋ณด์„ธ์š”!

์œผ๋ผ์ฐจ์ฐจ ์ฒญ์ถ˜ ํ™”์ดํŒ…์ž…๋‹ˆ๋‹ค! ๐Ÿ˜€

 


 

โ–ถ๏ธŽ ์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„ ๋กœ๋“œ๋งต

แ„Œแ…ฆแ„แ…ฉแ„‡แ…ฆ แ„…แ…ฉแ„ƒแ…ณแ„†แ…ขแ†ธ.png.webp

 

โ–ถ๏ธŽ ์ œ์ฃผ์ฝ”๋”ฉ๋ฒ ์ด์Šค์บ ํ”„ ์ˆ˜๋ฃŒ์ฆ ์ œ๋„

 

- 1.png.webp

 

๋”๋ณด๊ธฐ

๊ณต๋™ ์ง€์‹๊ณต์œ ์ž

์ปค๋ฆฌํ˜๋Ÿผ

์ „์ฒด

15๊ฐœ โˆ™ (47๋ถ„)

ํ•ด๋‹น ๊ฐ•์˜์—์„œ ์ œ๊ณต:

์ˆ˜์—…์ž๋ฃŒ
๊ฐ•์˜ ๊ฒŒ์‹œ์ผ: 
๋งˆ์ง€๋ง‰ ์—…๋ฐ์ดํŠธ์ผ: 

์ˆ˜๊ฐ•ํ‰

์•„์ง ์ถฉ๋ถ„ํ•œ ํ‰๊ฐ€๋ฅผ ๋ฐ›์ง€ ๋ชปํ•œ ๊ฐ•์˜์ž…๋‹ˆ๋‹ค.
๋ชจ๋‘์—๊ฒŒ ๋„์›€์ด ๋˜๋Š” ์ˆ˜๊ฐ•ํ‰์˜ ์ฃผ์ธ๊ณต์ด ๋˜์–ด์ฃผ์„ธ์š”!

๋ฌด๋ฃŒ