월 17,600원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
max 이상으로 입력했을 때 질문입니다.
제목과 동일하게 input의 max 값 이상 입력햇을시에 alert이 뜨고 리셋시키려고 하는데요. function resultFunc() { var value = input.value; var max = input.getAttribute('max'); if (value < randomNum) { result.innerHTML = resultArr[0]; } else if (value > randomNum) { result.innerHTML = resultArr[1]; } else { result.innerHTML = resultArr[2]; } if (max < value) { alert(max + '이하로 입력 해주세요.'); value = 1; } } 위의 소스에서 파란색부분을 추가 했는데, max값 이하도 alert이 실행이 됩니다.. max값은 10으로 잘 나오는데 value값을 제대로 못불러오는건지 방법이 있을까요..?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
dom에서 직접i nput의 value 값을 갖고 나오는 것에 대해
input의 value 값을 dom에서 바로 가져오려 했지만 btn 클릭 이벤트에서 이를 제대로 인식 못합니다. 또한 콘솔로 찍어보면 아무 값도 안 떠서 이런 현상이 왜 이런지 궁금합니다.
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
화살표 회전 질문
실제로 프로젝트에서 룰렛을 쓰는 경우가 있는데요, 룰렛버튼을 누를때 화살표가 돌아가는 모션을 시계방향으로만 돌아가게 하는 방법이 있을까요? 현재 예제는 360deg -> 27deg 로 가게 될 경우 시계 반대방향으로 돌아가게 되어서요.. 그리고 진짜 룰렛처럼 여러번 돌아가다가 서서히 마지막 deg로 가게끔 하고 싶은데 현재는 27deg이면 바로 가르켜서요. 앞에 계속돌아가는 모션을 따로 주어야 하나요?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
질문이용~
혹시 저 빨간색 부분은 저렇게 안에 넣으면 안되는걸까요?! 위에 같은걸 반복하는것같아서 안에 넣었는데 안되네용,, 잘 모르겠습니다!!ㅠㅠㅠㅠ
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
파일명 한글시 live Server 작동안함
파일 뿐만아니라 폴더까지 한글, 띄어쓰기가 있으면 live Server가 작동이 안됩니다. 참고 하실분 참고하시고요 영상에서는 잘되길래 따라하다가 당황했네요... 이 영상은 왜 되는거죠...?? settings찾아보고 그랬는데 당황 ㅠㅠ
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
title.querySelectorAll('div')[i]에 대해 질문 있습니다.
title의 하위 div에 각각 ".text"라는 클래스를 부여하고 .text 클래스를 titleText라는 변수에 할당했습니다. 그리고나서 텍스트 모션을 위한 for문을 동작하는데 트윈맥스가 작동하지 않아 질문드립니다. 첫 번째, 제가 작성한 코드는 어떤 오류때문인가요. f12에는 아무것도 나타나지 않았습니다. 두 번째, for문을 작성하실 때, title의 하위 div 속성을 변수로 할당해서 간편히 작성하신게 아니라 일부로 title.querySelectorAll('div').length와 title.querySelectorAll('div')[i]처럼 길게 작성하셨습니다. 따로 이유가 있으실까요?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
pageChangeFunc에 대해 질문있습니다.
안녕하세요. 강사님. 늘 질 좋은 강의 잘 듣고 있습니다. 강사님이 최대한 쉽게 설명해주심에도 궁금함이 생겨 질문합니다. 왜 pageChangeFunc를 스크롤을 내릴 때 totalNum이 적용될 수 있게 하는 for문 안에 넣어주면 작동하지 않게 되는지. 왜 pageChangeFunc를 for문 밖으로 빼줘야 하는지 궁긍합니다.
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
clearInterval(timer) 관련 질문입니다.
안녕하세요 강사님 질 높은 수업으로 늘 잘 듣고 있습니다. 하지만 수업 도중 clearInterval에 대해 의문점이 들어 질문을 남깁니다. 제가 이해한 바로는, button을 클릭했을 시, interval이라는 함수가 실행되며 interaval() 함수에는 clearInterval이라는 setInterval을 멈출 수 있는 메서드가 존재합니다. 그렇다면 button 클릭 -> interval() 함수 실행 -> clearInterval 메서드 실행 -> setInterval 실행 의 순서로 이해했는데, 여기서 if문이나 토글로 코드를 작성하지 않았는데 버튼을 다시 클릭하면 어떻게 다시 setInterval이 멈춰지는지 로직 구조가 이해가 안됩니다.
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
scrollTo
안녕하세요 강의 잘 보고 있습니다. 버튼을 누르면 페이지는 넘어가는데 behavior: 'smooth' 이부분이 적용이 안되는 것 같습니다.
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
randomNum에 수정이 필요해 보입니다
안녕하세요~! 수업 너무너무 재밌게 잘 듣고있습니다. 예제 열심히 따라해보고 신나게 업다운 게임을 즐기다보니...발견하게 됐네요 randomNum에 Math.round (반올림) 를 사용하다보니 아주아주 희박한 확률로 0이 나와버립니다!ㅠㅠ 정답을 맞출수가 없드라구요...ㅎㅎ Math.ceil로 변경하니까 잘 되는것 같아요
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
이미지 전환 시 질문
안녕하세요. point를 눌렀을 때, 그림이 약간 처음부터 다시 그려지는 느낌이랄까요 뭔가 해당 페이지에서 그려져야할 부분만 그려지지 않는 느낌입니다. 약간 깜박거림(?) 스크롤 시에는 이러한 문제가 안보이는데 혹시 어떻게 깔끔하게 전환되도록 잡을 수 있을까요?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
transition질문드립니다!
선생님께서 알려주신 transition을 응용해보았는데요. h1 { font-size: 50px; position: absolute; left: 50%; top: 45%; transform: translate(-50%, -50%); padding: 5%; border-radius: 5%; transition: background 0.5s ease-in; } h1:hover { background: rgb(251, 139, 139); background: radial-gradient(circle, rgba(251, 139, 139, 1) 26%, rgba(148, 233, 163, 0.4318102240896359) 100%); } 이런 코드를 적용했을 때 background에 transition을 줬는데 background에 단일 색상을 적용했을 때는 transition이 적용되는데 gradient를 주니까 transition이 먹히질 않네요..이유가 뭘까요..
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
css질문드립니다.
페이지고정.html 파일에서 section .innerWrap { position: relative; z-index: 100; padding: 120px; width: 340px; margin-top: 50px; } 선택자가 이렇게 되어있던데 section .innerWrap 과 section > .innerWrap 이렇게 표기하는 것과 차이가 있나요?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
이미지 파일들
이미지를 직접 구해서 다른컨셉으로 응용해보려고하는데 생소한 영역이어서 질문드립니다 페이지 스크롤에서 신발에 색칠할 때도 그렇고 이번 자료에서도 이미지파일같은 경우들은 직접 손보시는건가요? 특히 bottom.png나 star.png는 배경색을 지우는 등 작업을 직접 하신 뒤 사용하시는건지 궁금하네요
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
for(...){pointBtnAll...} 동작
안녕하세요. 요즘 강의 정말 잘 보고있습니다 도움이 많이됩니다!! 제가 아래 코드를 잘 이해한건지 의아해서 질문올립니다. for( let i = 0; i < pointBtnAll.length; i++ ){ (function(idx) { pointBtnAll[idx].onclick = function() { alert(idx); pageNum = idx; pageChangeFunc(); } })(i); } 즉시실행함수가 0,1,2를 각각 인자로 받고 바로 실행시켜버리려는데 click을 기다렸다가 클릭이 일어나면 해당 인자값에 맞는 함수를 실행시키는건가요? 그러니까 0,1,2를 인자로 받아서 미리 값을 얻어놓은 함수가, 어딘가의 메모리공간에 저장(?)되어있다가 클릭이발생했을 때 실행되나요? 뭔가 onClick으로 걸어놓으니까 마치 조건문처럼 click이 발생하지 않으면 실행이 안되다가 click해야 실행된다고 느껴져서 어렵네요 그리고 onClick을 addEventListener로 바꿔서 작성해보려는데 이해가 안가는 부분이 있습니다. 위의 코드에서 브라우저가 클릭이 발생하면, 어느 페이지를 로딩해야 할지 알 수 있게끔 for문을 돌려가며 페이지 수를 i로 전달해줬기 때문에 딱 클릭한 그 페이지가 나올 수 있다고 생각했습니다. 그런데 이벤트리스너로 써주면, 클릭이 발생했을 떄 어느 페이지를 클릭한건지 감지할 수 없지않나요? 이벤트리스너의 콜백함수에 마찬가지로 for문을 돌려주려했는데 그러면 그냥 클릭했을 때 i=0,1,2 한번씩 순회하고 끝. 이럴거같네요. 이럴거같다고 말씀드린부분은 pointBtnAll로 이벤트리스너 해주면 not a funtion 에러가 나와서 이부분 해결을 못하고있어서 직접 실행해보진 못했습니다. ㅎㅎ;;다 쓰고보니 질문이너무 기네요 ㅠㅠ간략하게나마 설명해주시면 이해될때까지 곱씹어보겠습니다 감사합니다
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
CD플레이어 animation:rotateAni 무반응
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. CD플레이어 챕터 css에서 디스크가 계속 회전하게끔 하는 코드가 안먹네요 이유를 모르겠어요 ㅠ 혹시 전체 css를 다 올려드려야할까요? animation: rotateAni 10s ease infinite;
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
화살표 회전 예제 질문
화살표 회전예제에서 58번째 코드 arrow.style.transform = "rotate("+rotateNum+"deg)"; 에서 arrow가 71번째 줄의 class를 말하는 건가요? 클래스 선택자는 보통 .을 쓰잖아요. 그래서 아무 선택자 없이 그냥 class.~~이렇게 쓰면 되는지 여쭤봅니당..
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
setInterval에 대해 질문이 있습니다.
수업을 듣다가 궁금증이 생겨서 질문을 남깁니다. setInterval같은 타이머 함수의 경우 2번째 인자로 1초를 전달해도 자바스크립트 엔진 특성상 정확하게 1초를 보장하지 않는 것으로 알고 있는데 정말 정확하게 하고 싶다면 어떻게 해야할지 궁금합니다! Date()함수 같은 것을 이용해야하는 것일까요?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
scrollTo 질문
안녕하세요. 영상에 있는 예제 그대로 작성도해보고, 업로드 된 예제 수정없이 그대로 실행해봤는데 그 부드럽게 넘어가는 모션(?)(영상에서 5분쯤)이 되지 않습니다. 네이버 웨일 브라우저, 크롬 브라우저에서 테스트했는데 전혀 작동을 안합니다 ㅠㅠ 해결 방법이 있을까요?
- 미해결인터랙티브 개발 실무 끝장내기 [역량 강화편]
.js 파일 내에서도 window.onload를 꼭 써야하는 건가요?
1. html내에서 script를 작성할때가 아닌 경우에도 , 그러니까 .js 파일 내에서도 window.onload를 꼭 써야하는 건가요? 2. window.onload 부분 위에 보면 변수는 위에 괄호 밖에 있는데 이 변수들을 window.onload 안에 써도 되나요? +) 직접 만들어보니 너무 재밌고 빨리 다음 강의도 듣고 싶어요. 좋은 수업 감사합니다!