파이썬(Python) 쉬어가는 페이지

이번에는 쉬어가는 페이지입니다. 파이썬의 문법에 대한 설명이 아니라 파이썬을 사용하면서 내가 입력한 코드가 실제 어 떤 식으로 동작하고 있는 지 실시간으로 확인할 수 있는 유용한 사이트를 소개해드리고자 쉬어가는 페이지를 만들어 보았 습니다.

 

http://pythontutor.com/visualize.html#mode=edit

Visualize Python, Java, JavaScript, C, C++, Ruby code execution Write code in Visualize Execution Live Programming Mode pythontutor.com

위의 사이트에 접속합니다.

 

 

Write Code in 에서 파이썬 3.6을 선택하고 Live Programming Mode를 클릭합니다.

 

그러면 위와 같은 화면이 나타납니다.

Write code in 창에 직접 코드를 입력하거나, 이미 작성해둔 코드가 있다면 복사해서 붙여 넣기 합니다.

 

아래에 위와 같은 버튼들이 있는데 이 버튼을 눌러서 코드를 한 행씩 이동할 수 있습니다.

 

<< First 버튼을 눌러서 맨 처음으로 이동한 다음 Forward > 버튼을 눌러서 한 행씩 이동한 화면입니다.

여기에서 세번째 라인인 name = input() 에 도착했습니다. 이 세번째 라인은 사용자의 입력을 받아야 하는 곳이죠.

 

그러면 위와 같이 input() 함수를 실행할 수 있도록 이동 버튼들 아래에 입력할 수 있는 창이 나타납니다. 여기에 이름을 입력하면 됩니다.

이름을 입력했다면 다시 Forward > 버튼을 눌러서 다음으로 계속 진행해 봅니다.

모든 진행이 완료되면 어떤 데이터를 입력했는지 변수가 어떤 값으로 저장됐는지가 오른쪽 출력창에 나타나게 됩니다.

 

추가로 아래쪽에 보면 위와 같은 창이 있는데 설정은 default 값으로 놓고 진행을 해도 무방하지만 object의 값을 구체적 으로 확인해보고 싶다면 render all objects on the heap (Python)을 선택하고 진행해 볼 수 있습니다.

 

그러면 위와 같이 object 의 값들이 구체적으로 어떻게 저장되어 있는지를 라이브한 화면으로 표시해 줍니다.

한 단계씩 코드를 실행해 보면서 실시간으로 변화되는 값을 확인해 보는 것은 특히 반복문으로 작성되어 있는 코드를 디버 깅(버그를 찾거나 수정하는 작업) 할때 유용합니다.

 

위의 코드는 1에서 10까지를 모두 더하는 코드입니다. Forward > 버튼을 누를때마다 오른쪽에 실시간으로 변화되는 값 이 나타나게 됩니다.

이런 작업은 내가 입력한 코드가 어떻게 작동되는 지를 확인하는 데도 유용하지만, 특히 다른 사람이 만든 코드를 볼때는 아무리 파이썬 전문가라도 한번에 코드의 흐름을 이해하기는 쉽지 않습니다. 그럴때 위와 같이 디버깅 작업을 통해서 실제 동작하는 모습을 확인해 볼 수 있다면 코드 이해가 훨씬 빨리 될 것입니다.