질문이 하나 있습니다!

[nearlight]

안녕하세요 코치님! 14학번 원근희입니다.

첫번째로 문제가 생긴점은 기말과제를 위한 조사를 위해서 많은 예제를 참고 하던중 왜인지 모르겠는데, 실행을 해도 아무런 반응이 없는 p5.js 웹 예제를 보고 혹시 어떤것때문인지 궁금해서 질문드립니다. https://editor.p5js.org/loveflora64/sketches/Sk_67f-Xg

바로 이 예제인데요. 에러는 나지 않고, 뭔가 다른 색상이라던지 그런문제인거같은데 저로서는 무슨 문제때문에 반응이 없는건지 알 수 없습니다. 뭐가 원인일까요??

[picxenk]

이 예제 출처가 어떻게 되니?

고칠게 한 두군데가 아닌거 같아서, 출처에서 오리지널 코드가 어떻게 되니?

[nearlight]

이제서야 확인하였습니다!! 죄송합니다ㅠ 별도로 코드를 공유하는 포럼같은 사이트에 나와있던 코드가 아니고, 바로 들어가니까 저렇게 p5.js 웹 에디터로 작성되어있었습니다. 검색은 구글에 p5.js explosion 이라고 검색하면, 가장 상단에 나오는 p5.js Web Editor | explosion 라는 본문으로 나와 있습니다!!

[nearlight]

아 그리고 코치님 혹시 수요일 수업시간에 했던것을 다시 한번 해보려는데 정확히 기억이 나지 않아서요 box2d예제를 제 컴퓨터에 폴더로 저장 한뒤, 그것을 아톰에서 수정하는것은 알겠는데요. 수정을 한 뒤에, GitHub DeskTop에서 commit을 하고, push origin을 해도 그 저장한 폴더에서 실행한 예제는 변화가 없어가지구요. 혹시 그건 Ctrl + Shift + I 단축키로만 수정을 해야하는건가요??

그리고 간혹가다가, atom에서 index.html의 https:를 붙여도 웹에서 열리지않고 반응이 없을때가 있어요 이건 무슨 문제일까요??

마지막으로 그렇게 수정한 예제들을 제 웹사이트에서 바로 링크로 들어가서 예제가 실행되는것을 볼 수 있도록 하려면 Atom에서 어떻게 수정을 해야하는거였는지 기억이 나지 않습니다... 어떻게 수정해야 하나요??

[picxenk]

1. https://github.com/picxenk/PoeticCodeForNature 에서 boxes 폴더가 Box2D 예제를 올려본건데, 저장소의 구조가 어떤 변화가 있는지 최근 commit의 내용을 살펴보렴. 지금 질문의 내용을 보니 현재 github 저장소와 노트북에 저장된 저장소의 관계를 조금 혼동하는거 같은데, 한번 그 차이를 다시 되새김해봐.

2. https:를 붙인 후에 브라우저로 열어서 반응이 없다는 말인가? 만약 예제에 다른건 손댄게 없다면 그런 일은 일어나지 않아야하거든. 뭔가 다른 실수를 한거 같은데? 에러 메시지를 찾아보길

3. 앞서 설명한 내가 템플릿으로 만들어둔 저장소의 commit 내역을 살펴보길! 어떤게 바뀌어서 적용이 되었는지 읽어보는 연습하기! ;)