55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
안녕하세요. 질문이 있습니다.
먼저 좋은 강의 감사합니다. 너무 재밌게 듣고 있어요. 다름이 아니라 올려주신 소스코드에서 card-side 부분은 absoulte를 주셧지만 world 부분에는 relative를 주지 않으셨습니다. 그럼 디폴트값으로 static이 되고 제가 알기론 absoulte는 static이 아닌 엘리먼트 부모가 없으면 가장 위의태그(body)를 기준으로 적용된다고 알고 있습니다. 하지만 올려주신 소스코드에서 card-side의 left와 top값을 0으로 변경시키며 확인해보면 wolrd 클래스의 div 기준으로 속성값들이 적용되는 것 같습니다. world 바깥에 universe라는 div로 한번 더 감싸도 wolrd 기준으로 카드들이 움직이는데 이에 대해 좀 설명 부탁드려도 될까요?
- 해결됨인터랙티브 웹 개발 제대로 시작하기
animation pause, play, stop, restart 도 가능한가요?
animation 을 재생 진행 중에 멈추고 멈춘 시점에서 다시 재생, 그리고 처음부터 다시 재생..이런 기능도 있을까요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
클릭 이벤트 질문입니다.
안녕하세요, 선생님^^ 이번 강의에서 나온 기능을 활용해서 버튼을 누르면 버튼과 상자의 색이 바뀌는 기능을 만들어봤는데요. 버튼과 박스를 하나의 부모 요소에 포함시키지 않으니 currneItem 변수를 할당하는 것이 너무 어렵습니다ㅜㅜ https://jsfiddle.net/yfrhv1u5/8/ 위의 코드와 같이하면 currentItem에 btn이 box로 재할당 되어서 원하는 기능 구현이 되지 않고 https://jsfiddle.net/ywmpLdvc/5/ 위의 코드와 같이 currentItems를 배열로 만들어서 값을 저장하면 원하는 기능이 구현은 되는데 active, inative 함수로 분리하는 방법을 모르겠습니다ㅜㅜㅜ 혼자 고민해봐도 모르겠어서 질문 드립니다.ㅜㅜ 답변 주시면 감사하겠습니다
- 미해결인터랙티브 웹 개발 제대로 시작하기
멘토링 질문드립니다
안녕하세요 강의를 든던중 멘토링을 하고싶어 인프런 멘토링 가이드를 보고 신청을 할려는데 신청버튼이 보이지 않습니다. 멘토링은 어디서 할 수 있나요?!
- 미해결인터랙티브 웹 개발 제대로 시작하기
이미지 버벅임 관련 질문드립니다.
선생님! 좋은 강의 잘 듣고 있습니다. 이 강의를 보면서 웹을 만들면서 못할 것 같았던 것들도 하나씩 해결하며 즐거움을 느끼는 중입니다. 그러다 작업 중에 이미지 버벅임이나 끊김 문제가 계속 발생해서 이렇게 질문 남깁니다. 이미지 배치를 했을 때에, 크롬에서 보면 처음 스크롤 하는 초반 부분에서 이미지가 엄청나게 깨지고 뒤로 가면 깨짐 없이 잘 나옵니다. 사파리에서는 좀 더 잘 되는 것 같지만 페이지가 메모리를 너무 많이 사용하고 있다는 문구가 뜨면서 자꾸 렉걸리고 멈추더라구요. 총 z축 깊이는 5000으로 설정하고 여러 이미지들을 넣으며 작업하고 있는데 이미지들의 용량들 때문인지, 스크립트 처리량이 많아서 그런 것인지 잘 모르겠어서 여쭤봅니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
mousemove 이벤트 순서
mousemove 이벤트리스너를 scroll과 resize 이벤트리스너 사이에 작성하는 이유가 있나요? 그렇게 중요한 내용은 아닌 것 같은데 선생님께서도 뭔가 당연하게 생각하고 넘어가는 부분이 있지 않을까 싶어서요!!! 감사합니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
resizeHandler 실행
좋은 강의 감사드립니다. 너무 기초적인 질문일 수도 있습니다. 제가 이해한 바로는 window.addEventListener('resize', resizeHandler); 를 선언해주고 resizeHandler 함수도 선언해줬으면 나중에 사용자가 resize라는 이벤트를 실행하면 resizeHandler함수가 자동으로 실행되는 거 아닌가요? resizeHandler();를 왜 따로 실행시켜줘야하는지 이해가 안가서요. 제가 놓치고 있는 게 무엇인지 궁금합니다. 감사합니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
프로토타입과 화살표 함수
선생님 안녕하세요! 재미있고 유익한 강의 제공해주셔서 감사합니다. 매 강의마다 텐션도 내용도 너무 좋아서 정말 재밌게 듣고있습니다! Person.prototype.introduce = function () { console.log(`안녕하세요? 저는 ${this.nickname}이고 나이는 ${this.age}입니다.`); }; 위 코드를 아래 코드처럼 화살표 함수로 작성할 수 있을지 궁금합니다. 아니면 항상 function () 의 형태로 써줘야 하는지 궁금합니다. 답변 미리 감사드립니다 :) Person.prototype.introduce = () => { console.log(`안녕하세요? 저는 ${this.nickname}이고 나이는 ${this.age}입니다.`); }; Person.prototype.introduce = () => { console.log(`안녕하세요? 저는 ${nickname}이고 나이는 ${age}입니다.`); };
- 미해결인터랙티브 웹 개발 제대로 시작하기
11분 45초에서 강의 backface-visibility
강의에서는 오류 발생하여 .card-side에다가 backface-visibility;를 해 줬는데 저 같은 경우에는 사용하지 않아도 정상적으로 작동합니다. 오류없이 정상적으로 backface-visibility를 써주지 않아도 상관이 없을까요??
- 미해결인터랙티브 웹 개발 제대로 시작하기
키다운 이벤트 시 문제가 있습니다..
강의 잘 보고 있습니다^^~! 다만, 실습중에 문제가 생겨서요.. 방향 전환(왼쪽 방향키에서 오른쪽 방향키를 누를 때)을 하면 바로 동작을 안하고 1초 정도 멈춘 후에 반대방향으로 가는 현상이 발생하는데 혹시 어떤 문제일까요? 크롬 브라우저 쓰고 있고 this와의 연결은 .bind로 처리해줬습니다.. 나머지는 코드는 같구요.. 같은 방향은 문제가 없는 것으로 보여집니다..
- 미해결인터랙티브 웹 개발 제대로 시작하기
new Character(); 생성시 로컬서버환경
안녕하세요~ 저는 VScode편집기 환경에서 Live Server확장api를 사용해서 저장시 바로 보이는 기능으로 사용하고 있습니다. 5500번 포트로 열리게 되는데 new Character(); 하면 not defined 오류가 생깁니다..ㅠㅠ 파일경로로 오픈해서 인스턴스생성이 제대로 작동되는것은 확인했지만 왜 라이브 서버로 열게되면 안되는것인지 궁급합니다. 혹시 이유를 알고계신다면 알려주실수 있으신지요..😭😭😭😭 ps.강의 너무 재미있게 듣고있습니다 존경합니다..!🤩
- 미해결인터랙티브 웹 개발 제대로 시작하기
소스 코드 맨 하단에 showValue();를 한번 더 써주신 이유가 있을까요?
window.addEventListener에서 scroll 동작 할때 showValue()를 호출해주는데 아래에서 또 showValue()를 호출하는 이유가 있는지 궁금해서요~ 아 그리고 num 변수는 만들어두신 이유가 있을까요~?
- 해결됨인터랙티브 웹 개발 제대로 시작하기
github에 강의 보면서 만든 소스 코드 등을 올려도 괜찮나요?
강의를 보고 따라하면서 만든 코드들을 공부의 흔적으로 깃허브에 남기고 싶은데 혹시 소스 코드랑 수업 자료( ex) Animation3 부분에서 사용하는 우주선 사진)를 함께 올려도 괜찮을까요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
이 강의를 초보자가 들어도 괜찮을까요?
안녕하세요 선생님. 현재 자바스크립트를 입문해 기초문법을 어느정도 습득한 상태입니다(변수, 연산, 함수, 반복문, 제어문, 객체, 배열) html은 태그의 의미를 이해하는 수준이며(모르면 구글링..) css는 기본적인 문법만 아는상태입니다.(무언가 만들어본적은 아직 없습니다) 이런 상태에서 이 수업을 들어도 괜찮을까요? 아니면 사전에 다른 공부를 준비를해야할까요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
overflow:hidden
좋은 강의 항상 감사합니다. 역시 실전이 지루하지 않게 빨리 느는 방법인 것 같아요!!! 다름이 아니라, 제가 혼자 예제를 작성해보는 과정 중에 나머지 부분은 다 동일한 방법으로 했는데 "overflow:hidden;"을 door-back클래스가 아닌 "door"클래스에 줬습니다. 그때 왜 door-body의 입체감이 사라지는 알고 싶습니다. 필요없는 질문일 수도 있지만 배울게 있나해서 질문 드립니다! 감사합니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
background-image
선생님 강의 감사합니다. 일분이 이미지를 넣어줄 때 background를 쓰면 안 되는데 background-image를 쓰면 되는 이유가 뭔가요? background-image는 background의 하위속성(?)이여서 background만 써도 먹히는 거 아닌가요? html,css 시작한지 한달밖에 안되어서 아직 많이 헷갈리네요 열심히 하겠습니다 감사합니다
- 미해결인터랙티브 웹 개발 제대로 시작하기
전역변수에 관해 질문드립니다
전역변수 사용을 피하기 위해서는 코드를 (function() {})(); 로 감싸야 한다고 하셨는데 그냥 블럭{}으로 코드를 감싸도 비슷하게 실행이 되는 것 같아서 두 방법 사이에 큰 차이가 있는지 궁금합니다. 만약 둘 중에 하나를 추천하신다면 어떤 방법이 더 좋은지 그리고 그 이유가 무엇인지 알려주시면 감사하겠습니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
객체리터럴이 정확히 무엇인가요?
프로토타입도 객체이기 때문에 중괄호 안에 다시 셋팅 할 수 있다고 알려주셨는데, 새로운 객체를 다시 만드는 방식을 객체리터럴 형태라고 하는 건가요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
position: relative 질문드립니다.
좋은 강의 감사합니다. 일단 card-side 클래스는 서로 같은 위치에 겹쳐져야하기 때문에 position: absolute를 사용해야하는 건 이해했습니다. 그런데 card 클래스는 왜 relative를 사용해야하는지 이유가 궁금합니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
유튜브 자바스크립트 파트3 강의 질문 여기다가 해도 되나요?ㅎㅎ
dom script 유튜브 먼저 보고 수강하고 이벤트도 유튜브 먼저 보고 수강하려고 하는데 유튜브 내용에서 질문이 있어서요! 1:52 쯤 방법 3번째에서 전역변수를 만드셨었는데, var currentMenu; 이렇게 선언하셨는데 요즘은 const를 많이 쓰잖아요. 근데 const는 var과 다르게 정의 ? =으로 값을 넣어주어야만 선언할 수 있는데 const를 넣을 경우 코드 변경을 어떻게 해야할까요? ^^ 계쏙 반복 반복 보고있어요~ 인터렉스웹 강의 보기전에 이걸루 반복 학습중이에요~ 또 한가지 질문인데요. const currentMenu; // 현재 활성화된 메뉴를 담을 변수(저장 공간) const menuLinks = document.querySelectorAll('.menu-link'); function clickMenuHandler( ) { if (currentMenu) { currentMenu.classList.remove('menu-active'); this.classList.add('menu-active'); currentMenu = this; } for (const i = 0; i < menuLinks.length; i++) { menuLinks[i].addEventListener('click', clickMenuHandler); } 왜 menu-active에는 그냥 넣어주나요? currentMenu.classList.remove('menu-active'); this.classList.add('menu-active'); 위에 클래스는 .으로 들어가 있는데