44,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
혹시 이미지 소스는 어디서 받을수 있을까요? 사이트가 리뉴얼되서요
혹시 이미지 소스는 어디서 받을수 있을까요? 사이트가 리뉴얼되서요ㅠㅠㅠㅠ
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문드립니다
안녕하세요 패럴렉스 구름예제 중에 cloudWrap.style.transform = "translateY(" + scrollTop / 1.2 + "px)"; 에서 1.2부분의 숫자를 더 올려도 왜 더 느려지지 않는건가요?;;
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
안녕하세요
강의 따라하면서 재밌게 잘 듣고 있습니다. loop함수만 켜면 강아지 레이어가 스크롤 하자마자 번개같이 위로 올라가서 (...) 아직 혼자 보고 고치기엔 무리라 js 완성본을 받고 싶습니다. cheryleduart@gmail.com 으로 완성파일 보내주시면 감사하겠습니다.
- 해결됨몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
style.transform 을 리액트에서는 어떻게 사용하나요?
인터랙티브 웹을 만들고 싶어서 구매를 하였으나, 리액트를 사용하는 입장에서 어떻게 코드변환을 해야 사용할 수 있을지가 의문이 들게되네요 ㅠㅠ style.transform 은 리액트에 없는 구문인것 같아서 문의 드립니다..
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
해당 값을? 백틱으로 감쌀 수 있나요
"translate("+ e.clientX +"px,"+ e.clientY +"px)"; 이 값을 백틱 ` 을 이용해서 + 기호를 안쓰고 바꿀 수가 있나요? 제가 잘 몰라서 그러는지 잘 안되네요
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문있습니다!!!!!
프로젝트를 진행하는 데 인터렉티브를 사용하려고 수강 중입니다! 제가 리액트 리덕스 기반의 스택을 사용해서 프로젝트를 진행하고자 하는데 혹시 인터렉티브를 리액트에도 쉽게 적용할 수 있는 방법이 있을까요?? 어떻게 적용해야 할지 막막해서 질문 올려요 !!
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
크로스브라우징
삭제된 글입니다
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
완성파일부탁드립니다.
JS 완성파일 부탁드립니다. 강의보면서 따라가야 할 것 같습니다.
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문 있습니다~!
안녕하세요! 수업 너무 잘들었습니다~ 코딩일레븐님께 배운 코드를 사용하려고 하는데 window.onload가 중복으로 사용하면 최하단에 있는것만 실행이 되더라고요 ㅠ 구글링 해도 제가 js 이해가 짧아서 안되네요;;; 해당 강의에서 배운 스크롤바에 앞선 강의에서 배운 커서와 버튼 효과도 같이 주려면 어떻게 해야하나요? 바쁘시겠지만 문의 드리겠습니다~항상 감사합니다!
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문있습니다.!
let cursor_item; let x = 0; let y = 0; let mx = 0; let my = 0; let speed = 0.09; window.onload = function() { // 1 let h1 = document.getElementsByTagName("h1")[0]; cursor_item = document.getElementsByClassName("cursor_item")[0] window.addEventListener("click", mouseFunc, false); 여기에서 cursor_item = 이부분이요 let은 재할당이 가능한 변수이잖아요 그러면 1.전역변수는 let = cursor _item 이렇게 해야하는거 아닌가요? = 기호를 쓰는순간 에러가 뜨네요 2.window.onload안에 있는 cursor_item은 재할당 되서 cursor_item이 cursor_item의 변수로 들어간건가요?
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문있습니다
let cursor_item; let x = 0; let y = 0; let mx = 0; let my = 0; let speed = 0.09; window.onload = function() { let h1 = document.getElementsByTagName("h1")[0]; cursor_item = document.getElementsByClassName("cursor_item")[0] window.addEventListener("click", mouseFunc, false); function mouseFunc(e) { x = e.clientX; y = e.clientY; h1.innerHTML = "x: "+ x + "y :" + y; } loop(); } function loop() { console.log(x); mx += (x - mx) * speed; my += (y - my) * speed; console.log(x, mx) cursor_item.style.transform = "translate("+ mx + "px," + my+ "px)"; window.requestAnimationFrame(loop); } window.onload - function () { let h1 cursor_item } 왜 let 변수 h1은 가만히 냅두고 cursor_item은 onload 바깥쪽으로 재 할당해야 출력이 되는건가요?
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
주석처리
영상 초반에 주석처리를 한 상태에서 mousemove를 click으로 바꾸고 css에서 트레지션값을 주면 아무 변화가 안 나타납니다 하지만 주석처리를 안하고 click으로 바꾸면 css가 먹힙니다 왜이런건가요..?
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
질문있습니다
1.window.onload = function() { 2. let h1 = document.getElementsByTagName("h1")[0] 2.let cursor_item = document.getElementsByClassName("cursor_item")[0] 3.window.addEventListener("mouseover", mouseFunc, false); 4.function mouseFunc(e) { 5.h1.innerHTML = " x: "+ e.clientX + " y :" + e.clientY; 6.cursor_item.style.transform = "translate("+e.clientX + "px," + e.clientY + "px)"; 7.console.log(e.clientX, e.clientY); } } 이었을 때 1.윈도우가 나타났을때 어떠한 동작을 해라 2.동작을 할 애들을 불러주려고 데이터값을 할당해주고 3.윈도우 안에서 마우스를 움직일 시 mouseFunc를 어떻게 동작하게 해라 4.function mouseFunc(e)로 임의로 이름을 설정해서 매개 변수로 만들고 동작하게할 애들 할당된 데이터 h1과 커서를 이렇게 해라 5. 6. 7.단순히 잘 되는지 안되는지 콘솔창을 통해 체크 1 ~ 4번대로 제가 나름 해석했는데 이런 알고리즘으로 해석해도 되나요? 그리고 5 ~ 6은 어떻게 해석해야하나요..?
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
안녕하세요~
안녕하세요. 강의 정말 잘듣고있습니다~ 하나 여쭤볼것이있는데 window.addEventListener에 3번째 값에 false를 넣어 주는 이유가 궁금합니다! 변수에도 처음에 false주는 코드들이 있던데.. 이유를 알려주시면 감사할것같습니다 ㅠㅠ
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
_bird, _imgArr
안녕하세요~ 강의 잘 듣고 있습니다. 좋은강의 감사합니다~ _bird, _imgArr 이런식으로 이름 지을때 _를 붙이는 이유가 무엇인지 궁금합니다~
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
변수 지정 질문
쭉 보다보니까 어떤거는 변수에 "0"을 할당해주고, 어떤거는 변수를 할당 해주지 않던데 무슨 차이가 있어서 그렇게 한건가요??
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
translate 질문
"translate("+ x값 + "px, " + Y값 +"px)"; 이부분이 이해가 안가네요 ;; 왜 쌍따옴표를 저런식으로 하셨는지... 그리고 초보자를 위한 강의라고 하셨으면서...ㅠㅠ 그냥 강사님 혼자 코딩을 치시는 것 같은 느낌이 들어요;; 무음으로 해 놓고 영상만 켜놓고 수업듣는 기분입니다;;; 밑에 설명도 명확하지 않고;; 어떤 변수/ 객체가 어떤 역할을 하는지 전혀 모르겠어요;;
- 해결됨몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
window.outerHeight 질문
화면의 크기만큼 빼줘야 하기때문에 window.outerHeight 를 사용하였는데.. window.innerHeight 가 아닌 outerHeight 사용한 이유가 있을까요? 그리고 영상처럼 Math.ceil(scrollTop / (document.body.scrollHeight - window.outerHeight) * 100) 으로 적용하고 콘솔로 찍히게 했는데 스크롤을 최하단으로 내렸을 때 100이 아닌 101, 102 이렇게 숫자가 보여집니다 딱 100으로 맞출 순 없는 건가요?
- 미해결몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
태그네임과 클래스 네임에 인덱스 번호를 붙이는 이유??
안녕하세요 궁금한 점이 있습니다. TagName과 ClassName 을 쓸 경우 뒤에 [0]처럼 인덱스 번호를 적용해주는데 왜 인덱스 번호를 적용해주어야 하나요?? 선택자가 다수일 수 있어서 그런가요?? h1에 아이디값을 준 후, getElementById 로 적용을 하면 인덱스 번호 지정없이도 적용이 되서요..
- 해결됨몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]
마우스 커서 질문이요!
강의 먼저 듣고 조금씩 변형해보면서 복습하고있어요!:) 그런데 마우스 이동할때 커서아이템만 나오고 마우스표시를 지우고싶어서 cursor:none; 을 주었는데 적용이 안되더라고요 ㅠㅠ 혹시 커서를 없애고 커서아이템(네모이미지)만 나오도록 할 수 있는 방법이 있을까요?? 그리고 왜 cursor:none이 적용이 안되는지 이유도 알고싶어요,,! 감사합니다!!