<div id="readability-page-1" class="page"><div><h3 data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;파이썬, 데이터분석, 인공지능을 공부하기 위해 많이 사용하는 방법 중에 하나가 주피터 노트북입니다. 최근에 많이 사용하는 Visual Studio Code에서조차 주피터 노트북을 Code에서 실행할 수 있게 열심히 지원을 하고 있지요...&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}],&quot;size&quot;:&quot;h3&quot;}">파이썬, 데이터분석, 인공지능을 공부하기 위해 많이 사용하는 방법 중에 하나가 주피터 노트북입니다. 최근에 많이 사용하는 Visual Studio Code에서조차 주피터 노트북을 Code에서 실행할 수 있게 열심히 지원을 하고 있지요...</h3><h3 data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;그래도, 참 아쉬운 것이 있다면 &quot;},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;주피터 노트북은 너무 정적&quot;}]},{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;이라는 것이지요!&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}],&quot;size&quot;:&quot;h3&quot;}">그래도, 참 아쉬운 것이 있다면 주피터 노트북은 너무 정적이라는 것이지요!</h3><h3 data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;사용자 입력도 받고, 그에 반응을 하는 방식이라면 참 좋겠는데요...&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}],&quot;size&quot;:&quot;h3&quot;}">사용자 입력도 받고, 그에 반응을 하는 방식이라면 참 좋겠는데요...</h3><h3 data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;그래서, 지구를 기준으로 목성 (Jupyter)와 반대에 있는 &quot;},{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;수성 (Mercury)가 우리 곁에 왔습니다.&quot;}]}]}],&quot;styleType&quot;:&quot;bold&quot;}],&quot;size&quot;:&quot;h3&quot;}">그래서, 지구를 기준으로 목성 (Jupyter)와 반대에 있는 수성 (Mercury)가 우리 곁에 왔습니다.</h3><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;,&quot;background-color&quot;:&quot;#ffffff&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;anchor&quot;,&quot;url&quot;:&quot;https://runmercury.com/&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;https://runmercury.com/&quot;}],&quot;target&quot;:&quot;_blank&quot;}]}]}"><a target="_blank" href="https://runmercury.com/">https://runmercury.com/</a><p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Nanum Gothic&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;일반적으로 특정한 기능을 하는 component (구성요소)를 흔히 widget (위젯)&quot;}]}]}],&quot;styleType&quot;:&quot;bold&quot;},{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;이라고 하지요!&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}">일반적으로 특정한 기능을 하는 component (구성요소)를 흔히 widget (위젯)이라고 하지요! <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;머큐리에는 크게 입력 위젯과 출력 위젯이 있습니다.&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}">머큐리에는 크게 입력 위젯과 출력 위젯이 있습니다. <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;입력 위젯&quot;}],&quot;styleType&quot;:&quot;bold&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}">입력 위젯 <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;1. App&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">1. App <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;2. Button&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">2. Button <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;3. Checkbox&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">3. Checkbox <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;4. File&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">4. File <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;5. Note&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">5. Note <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;6. Numeric&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">6. Numeric <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;7. Select&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">7. Select <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;8. MuiltiSelect&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">8. MuiltiSelect <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;9.Slider&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">9.Slider <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;10.Text&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">10.Text <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;11. Range&quot;}]}]},{&quot;type&quot;:&quot;br&quot;}],&quot;styleType&quot;:&quot;bold&quot;}]}">11. Range <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;출력 위젯&quot;}]},{&quot;type&quot;:&quot;br&quot;}],&quot;styleType&quot;:&quot;bold&quot;}]}">출력 위젯 <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;1. Makrdown&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">1. Makrdown <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;2. OutputDir&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">2. OutputDir <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;3. JSON&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">3. JSON <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;4. Chat&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">4. Chat <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;5. Confetti&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]}">5. Confetti <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;color&quot;:&quot;#ec4c6a&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;6. Stop&quot;}]}],&quot;styleType&quot;:&quot;bold&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}">6. Stop <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;이러한 위젯만 지원하면 아쉽겠지요?&quot;}]}]}">이러한 위젯만 지원하면 아쉽겠지요?<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;머큐리는 이러한 위젯을 잘 활용할 수 있도록 자체적으로 Django와 React를 기반으로 만든 머큐리 서버 (Mercury Server)를 가지고 있습니다. 자체적으로 관리할 수 있는 인증부분도 가지고 있습니다.&quot;}]}]}">머큐리는 이러한 위젯을 잘 활용할 수 있도록 자체적으로 Django와 React를 기반으로 만든 머큐리 서버 (Mercury Server)를 가지고 있습니다. 자체적으로 관리할 수 있는 인증부분도 가지고 있습니다.<p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;주피터 노트북에 대화형 인터페이스를 지원하며, 주피터 노트북의 소스코드를 다시 작성하기 보다는 기반으로 쉽게 웹 애플리케이션으로 만들어 주는 머큐리를 관심 있게 살펴보면 좋을 것 같습니다.&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}">주피터 노트북에 대화형 인터페이스를 지원하며, 주피터 노트북의 소스코드를 다시 작성하기 보다는 기반으로 쉽게 웹 애플리케이션으로 만들어 주는 머큐리를 관심 있게 살펴보면 좋을 것 같습니다. <p data-app="{&quot;type&quot;:&quot;text&quot;,&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;style&quot;:{&quot;font-family&quot;:&quot;Helvetica&quot;},&quot;data&quot;:[{&quot;type&quot;:&quot;text&quot;,&quot;text&quot;:&quot;하나하나 자세히 앞으로 살펴보지요! ^^&quot;}]},{&quot;type&quot;:&quot;br&quot;}]}">하나하나 자세히 앞으로 살펴보지요! ^^ </div></div>

김영하

파이썬, 데이터분석, 인공지능을 공부하기 위해 많이 사용하는 방법 중에 하나가 주피터 노트북입니다. 최근에 많이 사용하는 Visual Studio Code에서조차 주피터 노트북을 Code에서 실행할 수 있게 열심히 지원을 하고 있지요...  그래도, 참 아쉬운 것이 있다면 주피터 노트북은 너무 정적이라는 것이지요! 사용자 입력도 받고, 그에 반응을 하는 방

주피터에 새생명을... - 밋밋한 주피터 노트북에 대화형 기능을 제공하는 머큐리

댓글