3:47 38번라인에 오타가 있는거 같습니다. if와 else if가 this.points[0]을 참고하여 배열 앞을 추가해준 뒤 맨 뒤는 제거가 되지 않아 배열이 길어집니다. 눈치채지 못한분들에게 도움이되었으면합니다. (+ 덕분에 공부 정말 열심히하고있습니다. 자세히 설명해주지 않으셔서 저같은 초보자는 더욱더 많은 생각과 공부를 하게됩니다. 정말 감사합니다)
정말 멋집니다. 만들어내신 결과물도 그렇지만 어떻게 해볼까 하는 생각을 이를 단계별로 나누고 문제를 해결하는 과정을 여과없이 보여주시는 것.. 절대 당연할 수 없고 쉽지 않은 것이고 고민하고 애쓴 시간이 있는데도 또한 간결하게 보여주시는 것도 정말 멋지십니다. 저도 다른분들과 마찬가지로 좋은 자극을 받고 갑니다. 디벨로퍼님 감사합니다.
너무 멋있으시네요 코드로 원하는 것을 풀어나간다는게 어떤 것인지 느낄 수 있는 강의였습니다. 아직도 프로그래밍을 배우는 학생이지만, 처음 스크래치로 코딩을 접했을때가 떠오릅니다. 그 당시에는 눈에 바로 보이는 결과물이다 보니까 움직임에 중력공식도 적용시켜보고 자유롭게 코딩을 했었는데, 어느 순간 틀에 박힌 라이브러리의 사용법을 익히는 것에만 집중하며, 점차 프로그래밍의 재미를 잊어가고있었던거 같습니다. 프로그래밍 업계에서 언젠간 꼭 만나뵙기 위해서 열심히 노력하겠습니다.
까다로운 디자인에 범접할 수 없는 인터랙티브 코딩 까지 대강의 동영상 시청을 하는 과정에서 정말 초현실적인 개발의 경지란 생각이 들었습니다. 정말 이런 것 만드는 사람 보면 신기할 정도입니다. 물론 웹 게임 같은 것들이 다 이런 식의 고급 기술들로 만들어지고 있겠지만 역시 코딩의 세계 중에도 디자인 및 고난이도의 알고리즘 까지 고려해야 하는 Interactive 코딩의 세상은 정말 저에겐 4차원의 벽처럼 느껴집니다. 여기선 개략적으로 이 완성물이 나오기 까지 코딩 과정과 일화를 죽 설명하고 있지만 그게 쉽지 않은 과정이었을 거란 걸 전 잘 알고 있습니다. 코딩의 구조나 내용을 봐도 무척 이해하기 어렵다는 걸 알 수 있는데 빠르게 홅어보듯 지나간 탓도 있겠지만 이 코드 이해하려면 아마 예전에 고등학교 때 수학 공식 고민하듯이 오랜 시간 분석해야 비로소 가능하지 않을까 싶네요. ㅡ_ㅡ; 물론 공식이나 코드를 전부 이해할 필요는 없다고 말씀하실지 모르겠지만 저 같으면 만약 이 코드를 실제로 접했다고 했을 때 아마 그 원리를 완벽히 이해하려고 계속 시도를 했을 것 같습니다. 뛰는 놈 위에 나는 놈 있더더니 정말 그 속담을 실감케 만드는 동영상이었네요. 관심있는 분들은 함 시청해 보시길... 주인장님께는 정말 이런 세계가 있다는 사실을 알려주심에 대해서 감사하게 생각합니다. 동영상 잘 보았습니다.
20살 비전공자인데, 독학으로 코딩을 배우기 시작한지 1개월이 되어가는데 능률이 안 오를때는 어떡해야할까요? 습득이 느린 편이고, 그만큼 성장하는 모습이 안 보이니 좌절을 겪습니다. 참 어렵네요. 어떻게 공부해야할지. 어떤 프로젝트들을 해야할지. 조바심이 앞서는듯 합니다. 조언좀 해주세요ㅠ
7:34 검은박스가 안나오네요... 3번 다시 따라 해 보면서 해봤는데도 안나오는데 뭐가 문제일 까요? 내일 다시 처음부터 따라해봐야 겠습니다^^ Edit: 해결 했습니다^^ 제가 버릇처럼 sheep.png 파일을 images파일에 넣어둬서 폴더에서 빼거나 경로를 제대로 지정해줬어야 했네요 ㅎㅎ;
안녕하세요. 이전부터 보고있었는데 이전의 상황에서 어떻게 공부를 시작하셨는지 너무나 궁금합니다. 저는 고졸에 최근에 인생에 목표가 짧게 하나 생겨서 취성패로 공부중인데, 이제 곧 웹디자인&퍼블리셔 강의가 끝나고 이후에 어떻게 해야 더 스킬을 늘릴수있을지 고민이 되고 있어요. html css 그리고 정말 아기가 기어가는 정도의 수준인 js를 알고있는데, 인디님과 비슷한 상황이라 어떻게 풀어나가셨는지 정말 절실합니다 ㅠ html css / js는 어떻게 어디서 공부하셧는지, 아니면 팁이 있으신지 뭔가 공부를 하면서 최대한 빨아들이고 싶은데, 어떤걸 어떻게 공부해야할지 몰라서, 어떤식의 공부가 효율적이고 누구에게 듣는지 등 피드백을 정말 받고 싶어요..
고급 개발자로 가는 방법을 이렇게 단순하게 알려주셔서 감사드립니다. 고급개발자는 코드도 단순하던데, 복잡한 코드를 단순하고 깔끔하게 짜는 것, 어떤 개발자가 봐도 알아볼 수 있는 짜는게 제가 하고 싶어하는 코딩 스타일입니다, 그리고 저는 알고리즘에 너무 취약하고 알고리즘을 잘하고 싶은데 이 부분에 대해서도 조언을 해주실 수 있을까요? 알고리즘만 보면 겁부터 납니다.. 진심으로 알고리즘을 좋아하고 싶습니다, 아마 제가 알고리즘만 보면 어렵다는 인식이 박혀있어서 그렇습니다, 이 인식을 어떻게 하면 바꿀 수 있을까요 ..
책을 읽고 메일을 보냈었는데 친절히 저에게 답변해주셨던적이 있습니다... 답변 받지 못할 마음으로 보냈던건데 정말 감사했습니다 영상 잘보겠습니다 존경합니다!
혹시 책제목 좀 알려주실수 있우신가요..??
Ellie Hahm ‘인터랙티브 디벨로퍼’ 입니다!! 좋은 여행되시길 바랍니다!
강의로 만드셔도 대박나실것같은데... 유튜브 무료강의라니 ㅠㅠ 감사하게 보겠습니다!
3:47 38번라인에 오타가 있는거 같습니다. if와 else if가 this.points[0]을 참고하여 배열 앞을 추가해준 뒤 맨 뒤는 제거가 되지 않아 배열이 길어집니다. 눈치채지 못한분들에게 도움이되었으면합니다.
(+ 덕분에 공부 정말 열심히하고있습니다. 자세히 설명해주지 않으셔서 저같은 초보자는 더욱더 많은 생각과 공부를 하게됩니다. 정말 감사합니다)
이걸 무료로 볼 수 있다는 점에 눈물만 흐른다
진짜 살아있는 전설.. 정말 자극 많이 받습니다. 특히 시퀀스들을 하나의 스프라이트로 만들어서 애니메이팅에 적용하는건 게임 이펙트에만 사용될 줄 알았는데, 프론트앤드에도 적용 할 걸 생각을 못했네요. 이런 컨텐츠들을 올려주셔서 감사합니다.
와 뭔소린지 하나도 모르겠는데 난 왜이걸 보고있지??
문제해결능력을 키우는것이 중요하다는게 모든 일에서 중요하기 때문에 개발자가 아니더라도 마인드면에서도 많은걸 배우고가네요 감사합니다
디자인에 대한 더 넓은 시야를 가지게 하는 좋은 영상 만들어주셔서 감사합니다.
맞습니다 문제해결능력!!
고급개발자로 가는 길을 이렇게 쉽고 무료로 알려주시니 좋습니다
좋은 영상 감사합니다. 코드설명해쥬셔서 너무 좋습니다
와 정말 보는동안 행복했습니다 프론트 취준생인데 평소에 궁금했던것들이 영상에 거의다 담겨있네요 정말 감사합니다..
정말 멋집니다. 만들어내신 결과물도 그렇지만 어떻게 해볼까 하는 생각을 이를 단계별로 나누고 문제를 해결하는 과정을 여과없이 보여주시는 것.. 절대 당연할 수 없고 쉽지 않은 것이고 고민하고 애쓴 시간이 있는데도 또한 간결하게 보여주시는 것도 정말 멋지십니다. 저도 다른분들과 마찬가지로 좋은 자극을 받고 갑니다.
디벨로퍼님 감사합니다.
와... 이런 분을 알게되어 가슴이 떨리네요.
잘 배우겠습니다
수학을 언제 다시하나 생각하고 있었는데 ㅜㅜ감사합니다
그런데 저는 그 문제해결능력 키우려고 수학을 공부하고 있더라구요.ㅋㅋㅋㅋ
ㅠㅠ
포트폴리오 보고는 이걸 어떻게 해야 하나 했는데 작업과정도 남겨주셨네요.. 감동입니다. 따라하면서 연습해볼게요!
이건...따라하기도 힘드네요 ㅎㅎㅎㅎ
정말 가슴에 와닿는 말들을 해주셔서 너무 감사합니다!!
이 영상을 보니까 꼭 직접 만들어보고싶네요,. 프론트엔드개발자 목표로 공부한지 2주 정도되었는데 정말 동기부여가 확실하게 되었어요 . 감사합니다.
12:15 돈도 안 되는 쓸데없는 작업...
뜨끔하고 갑니다
와... 프론트엔드로 이렇게까지 만들 수 있군요ㄷㄷㄷ존경스럽습니다
너무 멋있으시네요 코드로 원하는 것을 풀어나간다는게 어떤 것인지 느낄 수 있는 강의였습니다. 아직도 프로그래밍을 배우는 학생이지만, 처음 스크래치로 코딩을 접했을때가 떠오릅니다. 그 당시에는 눈에 바로 보이는 결과물이다 보니까 움직임에 중력공식도 적용시켜보고 자유롭게 코딩을 했었는데, 어느 순간 틀에 박힌 라이브러리의 사용법을 익히는 것에만 집중하며, 점차 프로그래밍의 재미를 잊어가고있었던거 같습니다. 프로그래밍 업계에서 언젠간 꼭 만나뵙기 위해서 열심히 노력하겠습니다.
이런 작업을 꼭 해보고 싶었는데 무슨 이름으로 불리우는지도 몰랐습니다. 이 채널을 모르고 왔던 시간이 너무 아쉬울정도네요. 잠잠하던 마음이 끓어오르려고 해요. 목표에 한발짝 더 가까워졌어요. 쉽게 만날 수 없었던 고급 강의 공개해 주셔서 정말 감사드립니다. ^^
오늘 새삼 다시보니 진짜 핵심은 이 색감인듯. 이 색감각을 어쩔 것이냐..=.=
취준하다가 점점 양질의 일자리 하나만을 위해 달려가는 사람들과 섞이면서
현타를 겪고 고민이 컸던 중에 이 영상으로 영감을 얻었습니다.
말씀하신대로 독자적이고 고유한 창의적인 문제 해결 연습이 필수인 것 같아요.
최고 최고
미적감각도 출중하시네요. 개발도 잘하시고요.
이런 영상을 업로드 해주시다니 너무 감사합니다. 많은 영상 올려주시면 꼭 챙겨보겠습니다. 건강하세요.
왕 머싯서요 ㅠㅠㅠㅠ
이런 귀한 영상.. 너무 감사합니다👏👏
저런걸 어떻게 만들지? 라고 생각했던 페이지가 만들어지는 과정을 보니 너무 신기했어요!
따라 만들어보면서 하나씩 익혀나가겠습니다🙂
와 진짜 어려운데
끝까지 다봤네요..
와... 제가 딱 필요했던 컨텐츠네요!! 감사합니다~~!!!
이걸 이제야 보네요. 다른 영상도 보면서 공부할게요. 감사합니다!
쓸모 없어 보여도 괜찮다니요.. 너무나 예쁜걸요 > _
와, 대박이네요 존경합니다
너무나 좋은 작품과 강의 감사합니다. 시야각이 넓어지는 느낌이에요.
단계별로 알려주는게 진짜 좋네요 많이 배워갑니다.
이번 영상도 너무 좋아요~~
환상적!!! 짱이에요!!!!!!!
진짜 나만 알고싶은 디자이너...
좋은 강의 감사합니다. 앞으로도 더 많은 강의 부탁드립니다. :D
와.. 감탄하고 갑니당 정말 대단하세요 ! :)
많이 배워갑니다!!!
수학을 못하면 공부해서 해라 라는 영상 잘보고갑니다 ^ㅁ^
진짜 미쳤다..... 정말 좋은 강의 감사합니다
감탄 밖에 나오지 않네요
멋있어요. 아직 코딩 배우는데 초보라서 다 모르겠지만 이렇게 올려 주신거 보니까 동기 부여가 됩니다. 감사합니다!
소름 돋았습니다 감사합니다 오늘도 배우고 갑니다
2:37 분 쯤에 draw함수 작성시에 ctx의 quadraticCurveTo메소드를 불러 오는게 잘 되지 않습니다.. 혹시 예제 코드를 볼 수 있는 곳이 있을까요?
감사합니다 아직은 입벌리고 감상밖에 못하지만 꼭 만들어보고싶어요 이런것도
예술이네요
이번 강의는 눈물이 나올정도네요. 감사합니다.
좋은 영상 감사합니다 :)
진짜 의미 있는 영상이네요
잘 보고 갑니다
결론: 어느정도 수학은 필요하다
감사합니다!! 배경음악이 없으면 좋은 설명이 더 잘 들릴 것 같아요!
까다로운 디자인에 범접할 수 없는 인터랙티브 코딩 까지 대강의 동영상 시청을 하는 과정에서 정말 초현실적인 개발의 경지란 생각이 들었습니다. 정말 이런 것 만드는 사람 보면 신기할 정도입니다. 물론 웹 게임 같은 것들이 다 이런 식의 고급 기술들로 만들어지고 있겠지만 역시 코딩의 세계 중에도 디자인 및 고난이도의 알고리즘 까지 고려해야 하는 Interactive 코딩의 세상은 정말 저에겐 4차원의 벽처럼 느껴집니다.
여기선 개략적으로 이 완성물이 나오기 까지 코딩 과정과 일화를 죽 설명하고 있지만 그게 쉽지 않은 과정이었을 거란 걸 전 잘 알고 있습니다. 코딩의 구조나 내용을 봐도 무척 이해하기 어렵다는 걸 알 수 있는데 빠르게 홅어보듯 지나간 탓도 있겠지만 이 코드 이해하려면 아마 예전에 고등학교 때 수학 공식 고민하듯이 오랜 시간 분석해야 비로소 가능하지 않을까 싶네요. ㅡ_ㅡ;
물론 공식이나 코드를 전부 이해할 필요는 없다고 말씀하실지 모르겠지만 저 같으면 만약 이 코드를 실제로 접했다고 했을 때 아마 그 원리를 완벽히 이해하려고 계속 시도를 했을 것 같습니다. 뛰는 놈 위에 나는 놈 있더더니 정말 그 속담을 실감케 만드는 동영상이었네요. 관심있는 분들은 함 시청해 보시길...
주인장님께는 정말 이런 세계가 있다는 사실을 알려주심에 대해서 감사하게 생각합니다. 동영상 잘 보았습니다.
졸라 멋있다..
CSS 공부중이에요! 영상 많이 많이 올려주세요!
재밌어보여요. ㅎㅎ
난이도가 정말 높네요
관련전공이 아니지만 다른전공에서도 적용할 수 있는 자기개발방법인거 같네요
좋은영상감사합니다.^^
우와 감사합니다
20살 비전공자인데, 독학으로 코딩을 배우기 시작한지 1개월이 되어가는데 능률이 안 오를때는 어떡해야할까요? 습득이 느린 편이고, 그만큼 성장하는 모습이 안 보이니 좌절을 겪습니다. 참 어렵네요. 어떻게 공부해야할지. 어떤 프로젝트들을 해야할지. 조바심이 앞서는듯 합니다. 조언좀 해주세요ㅠ
1개월로 조바심 내기 보단 길게 보시는게 좋아요. 단기간에 성장하면 참 좋겠지만 꾸준하게 하는게 제일 좋은 방법이라고 생각합니다
따라서 코드 쳐봤는데 양의 y값 구하는 게 잘못됐는지 양이 화면 상단 왼쪽에 쳐박혀있네요...하하핳 정말 대단하십니다ㅜㅠ
쉽다 말씀하시지만.. 어휴 넘사벽입니다 ㅠㅠ...
멋있다
대단하십니다..👍👍 이제 막 파이썬을 배우고 있는데... 자바스크립트로 다시 배우는게 좋을까요...??
인터랙티브 아트웤들은 볼때마다 게임개발이랑 되게 비슷한것 같아요.
안녕하세요 처음부터 천천히 따라하고있는 학생입니다. 따라하는 중간에 의문이 생겨서 질문드립니다.
local에서
로컬에 node.js 웹서버를 돌려서 작업하시면 되지 않을까요? 백엔드 로직없는 단순 웹서비스는 간단해요.
감사합니다 도움이 됐습니다
좋은 영상 감사합니다.
정말 감사합니다
개발+디자인의 능력 ㅎㄷㄷ
7:34 검은박스가 안나오네요...
3번 다시 따라 해 보면서 해봤는데도 안나오는데 뭐가 문제일 까요?
내일 다시 처음부터 따라해봐야 겠습니다^^
Edit: 해결 했습니다^^
제가 버릇처럼 sheep.png 파일을 images파일에 넣어둬서 폴더에서 빼거나 경로를 제대로 지정해줬어야 했네요 ㅎㅎ;
감사합니다!
실행하실 때 어떻게 실행하시는 건가요..? 저는 아톰이나 vs코드로 실행하는데 그냥해서는 안되는거 같더라구요.... ㅠㅠ
존경합니다. 많은 영감을 받습니다. 좋은 개발자가 될 수 있도록 노력하겠습니다 : )
이거 무슨 종교단체 같은거임? 영상 여기저기 뒤에 앞부분 똑같이 쓰고 다니던데
암호같은건가?
와 진짜...
저는 ㅠㅠ 님 포트폴리오 프레임이 가장 마음에 듭니다.. 저도 그런거 만들 줄 알았으면 좋겠네요
선생님 10분부터 무슨 말씀이신지...이해가 안됩니다? 이걸독학으로 하셧다니 믿기지가 않네요 ㄷㄷ
안녕하세요. 이전부터 보고있었는데
이전의 상황에서 어떻게 공부를 시작하셨는지 너무나 궁금합니다.
저는 고졸에 최근에 인생에 목표가 짧게 하나 생겨서 취성패로 공부중인데,
이제 곧 웹디자인&퍼블리셔 강의가 끝나고 이후에 어떻게 해야 더 스킬을 늘릴수있을지 고민이 되고 있어요.
html css 그리고 정말 아기가 기어가는 정도의 수준인 js를 알고있는데,
인디님과 비슷한 상황이라 어떻게 풀어나가셨는지 정말 절실합니다 ㅠ
html css / js는 어떻게 어디서 공부하셧는지, 아니면 팁이 있으신지
뭔가 공부를 하면서 최대한 빨아들이고 싶은데, 어떤걸 어떻게 공부해야할지 몰라서,
어떤식의 공부가 효율적이고 누구에게 듣는지 등 피드백을 정말 받고 싶어요..
ㅁ..뭐가 문제야 왜 언덕 안나오니..?ㅠㅠ ㅠ3:03까지 하라는대로 다 했는데..최근에 뭐가 업데이트된거야..? 이틀째인데..누구 언덕 좀 나오게 알려주세요ㅠㅠㅠㅠㅠ
22
wiper typography 도 해주시면 좋을 것 같아요 !!
좋은 영상 감사합니다! 늦었지만 클론코딩 해보고싶어서 그러는데 혹시 전체적인 코드를 볼 수 있게 github같은 곳에 공유해주실 수 있나요?
스택오버플로우 짤이 이해가갔어요ㅋㅋㅋ
완전 무전공자라 여쭙니다! 프로그램은 어떤어떤거 사용하시는거에요?
재밌는 프로젝트 감사합니다!🙇🏻♀️🙇🏻♀️⭐️
고급 개발자로 가는 방법을 이렇게 단순하게 알려주셔서 감사드립니다. 고급개발자는 코드도 단순하던데, 복잡한 코드를 단순하고 깔끔하게 짜는 것, 어떤 개발자가 봐도 알아볼 수 있는 짜는게 제가 하고 싶어하는 코딩 스타일입니다, 그리고 저는 알고리즘에 너무 취약하고 알고리즘을 잘하고 싶은데 이 부분에 대해서도 조언을 해주실 수 있을까요? 알고리즘만 보면 겁부터 납니다.. 진심으로 알고리즘을 좋아하고 싶습니다, 아마 제가 알고리즘만 보면 어렵다는 인식이 박혀있어서 그렇습니다, 이 인식을 어떻게 하면 바꿀 수 있을까요 ..
알고리즘이라고 특별할건 없어요. 영상에서 보신것처럼 문제를 어떻게 코드로 풀것인가를 생각하셔서 하나씩 만드시면 됩니다. 라이브러리나 프레임웍에 의존하기보단 스스로 하나씩 만드는 습관을 들이는것도 좋은 방법이라고 생각해요.
@@cmiscm 감사합니다.
저 근데 app.js파일에서 일일이 다 타이핑해줘야하는건지..이거 타이핑하려면 js공부부터 하고 와야하는건가요?😩
왕..
안녕하세요! 유익한 정보 알려주셔서 바로 구독했습니다 ㅎㅎ 혹시 블로그도 운영하시나요~?
blog.cmiscm.com 입니다 :)
평소에 캔버스 다루는게 힘들었는데 강좌 정주행하고 나면 저도 고수가 될 수 있을꺼요?
외람된 질문입니다만, 정말 궁금해서 여쭤보고 싶은게 하나 있습니다. 혹시 왜 움직이는 양떼를 만들게 되셨나요? 이전 영상들에서는 영감을 받은 부분이 정확했고 재미있어 보이기도 했는데 여기서는 그런 부분이 빠진 것 같아서요, 감사합니다!
ruclips.net/video/hCHL7sydzn0/видео.html
@@cmiscm 감사합니다~~~
밑에 분 댓글보고 책을 찾아봤는데 품절 상태이고 중고가는 원가의 두배 .....👍😚👍
너무 유익한 영상 감사합니다.
한 가지 궁금한 점이 있어서 질문 하는데, 혹시 양의 각도를 바꿔 줄 때
아크 탄젠트로 접선의 기울기를 쓰지 않고 수직의 기울기를 구한 후
수평으로 바꿔준 이유가 있는지 알려주실 수 있나요?
선생님의 영상 속 작품들을 보고 딱 제가 해보고 싶어하던 예술이다! 라는 생각을 하였습니다.
개발의 1도 모르는데요
뭐 부터 시작하면 저런 작품들을 만들 수 있을까요?
HTML, CSS, JavaScript 순으로 공부하시면 만들 수 있습니당
근데 저 수준으로 만들려면 많은 시간과 노력이 필요하겠네요
@@user-qo8im9hl2p 감사합니다 다른 영상보고 자바스크립트 책을 빌렸는데 html부터 봐야겠네요
@@qpqp7721 넵
뼈가 html 살이 css
이를 움직이게 만드는 에너지가 javascript 라고 이해하시면 될것같아요
개인적으로 코딩을 배우시길 추천합니다. 코딩이라하면 개발언어를 하나 정하시고 개발에 대한 이해를 공부하는걸 말합니다. 거기에 디자인에 대한 꾸준한 공부도 함께하면 좋고요.
양이 X좌표로는 잘 걸어가는데 Y값만 입력해주면 엉뚱한 곳에서 걸어가고 있네요.. 똑같이 값을 줬는데 왜그럴까요
영상 너무 잘봤습니다. 혹시 중간에 말씀하신 fps 개념에 대한 영상도 다뤄주실 수 있나요? 설명을 자세히 듣고 싶어요 ㅠ
영상 한번 만들어 보겠습니다
영상 첨에 html에서 user뒷부분이 뭘까요?
같이 따라서 만들어서 공부하려고 했는데 this.x -= this.speed; 에서 부터 잘 안되네요ㅠ 아직 많이 부족합니다ㅠ 정말 멋있습니다.
html 웹사이트에 이런 canvas를 넣을 수 있나요?