p5.js with vs code

vs code 에서 p5.js를 실행시켰다 

https://openprocessing.org

 

openprocessing 에서 간단하게 익히고 
코드를 쳐보았지만 저장에 한계가 분명히 생길 것

그리고 결제를 해야하는 시스템을 생각해보니 
실제로 사용하기 유용하도록 vs code를 사용해서 
익혀가기로 결정했다


vs code 실행 후 

Extention -> 'p5.js' search

p5.vscode install !

View - Commend Palette 
type -> 'p5

you can see 
'Create p5.js Project'

p5.js project create !!😊

추가로 install p5.js Contributor Library 를 선택해서 
필요한 라이브러리를 추가 할 수도 있다
나는 p5.gui 를 추가함

프로젝트 폴더에서 index.html 로 들거가면
추가된 라이브러리를 확인할 수 있다 


click the 'go live'

지금 작성하는 코드를 미리보기
하면서 작성을 확인하며 코드 작성!