55,000원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
-webkit-overflow-scrolling: touch;
-webkit-overflow-scrolling: touch; 위의 속성이 크롬에서 확인을해도 invaild property 라고 떠서 찾아보니 https://developer.mozilla.org/ko/docs/Web/CSS/-webkit-overflow-scrolling 이 사이트에서는 더이상 브라우저에서 작동이 안하는 코딩 같아 질문을 드립니다 ! 위의 코딩이 invaild property라고 떠도, 업로드 해주신 코드의 브라우저가 작동하는데 문제가 없었는데, 그렇다면 위의 코드는 어떠한 코딩을 의미하는지가 궁금합니다 !
- 미해결인터랙티브 웹 개발 제대로 시작하기
firefox에서 backface-visibility: hidden; 이 이상하게 먹힙니다.
안녕하세요. firefox에서 카드에 마우스 호버시 F의 글자가 남아 B와 겹칩니다. 아래 사진 첨부합니다. ie용으로 만든 파일은 정상 작동을 하나, 사파리에서 해결했던 것과 같이 밴더프리픽스만 먹였을 때는 해결이 안되는 것으로 보입니다. https://developer.mozilla.org/en-US/docs/Web/CSS/transform-style 와 https://developer.mozilla.org/ko/docs/Web/CSS/backface-visibility 에서 브라우저 호환성을 확인했을 때 firefox에서 preserve-3d, backface-visibility 두 가지 모두 사용할 수 있는 속성으로 나와있는데 왜 안되는걸까요??
- 미해결인터랙티브 웹 개발 제대로 시작하기
맥북에 ie 어떻게 설치 하셨나요?
안녕하세요. 강의 잘 듣고있습니다. 꼼꼼하고 세심한 강의 감사합니다. 저는 현재 맥북을 사용 중입니다. 크로스 브라우징 문제 때문에 맥북에 ie를 설치하고 싶습니다. 검색을 통해 크롬 확장프로그램으로 ie처럼 보이게 하는 것은 찾았으나 정식 ie 설치는 찾을 수 없어서요. 선생님께서는 맥북에 ie 설치를 어떻게 하셨는지 궁금합니다. 답변 기다리겠습니다!
- 미해결인터랙티브 웹 개발 제대로 시작하기
공 색을 추가해서 바꿨는데 이렇게 코딩했을 경우 transitionstart 값은 어디에 주면 되나요 ?
아래 다른 분이 질문해주신 것을 토대로 아래와 같이 코딩을 해서 색을 추가해서 변형하게 끔 만들었는데 이런 경우에 default가 transition end로 되어있는 것 같아, tansitionstart로 값을 변경하려면 어떻게 코딩을 해야할까요 ? <script> const ballElem = document.querySelector('.ball'); let A = 1; window.addEventListener('click', function (e) { ballElem.style.transform = 'translate(' + (e.clientX - 15) + 'px,' + (e.clientY - 15) + 'px)'; if (A === 1) { ballElem.classList.add('end'); A = 2; } else if (A === 2){ ballElem.classList.remove('end'); ballElem.classList.add('end2'); A = 3; } else { ballElem.classList.remove('end2'); A = 1; } }); </script>
- 미해결인터랙티브 웹 개발 제대로 시작하기
class 설정
작성하신 코드에서 .ilbuni 라는 클래스가 어떻게 각각의 ilbuni a, ilbuni b, ilbuni c라는 클래스에 적용되는지가 궁금합니다.. .ilbuni { position: absolute; width: 100px; height: 100px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; animation: moving infinite alternate; } .ilbuni.a { left: 5%; bottom: 5%; background-image: url('images/ilbuni_0.png'); animation-duration: 2s; } .ilbuni.b { left: 10%; bottom: 3%; background-image: url('images/ilbuni_1.png'); animation-duration: 3s; } .ilbuni.c { left: 7%; bottom: 10%; background-image: url('images/ilbuni_2.png'); animation-duration: 4s;
- 미해결인터랙티브 웹 개발 제대로 시작하기
rotateY 질문입니다.
안녕하세요 제가 직접 그린 그림으로 코딩을 따라 배우던 도중 로테이트Y 값이 적용되니 모든 그림이 좌우 반전되었는데, 처음엔 전체 클래스에 charater가 있다보니 하나의 큰 그림으로 인식해서 반전을 시켜준줄 알아서 (3개의 그림을 하나의 클라스로 묶은 상태), 각각의 그림에 로테이트 Y값을 적용해봐도 똑같은 결과가 나오네요 ㅜㅜ 이 경우에는 어디를 고쳐야하는지 알려주시면 감사하겠습니다! 보시기에 어느 부분이 잘못된것 같다고만 알려주시면 고치는건 제가 할께요!
- 미해결인터랙티브 웹 개발 제대로 시작하기
화면변환 질문 있습니다~
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 화면 각도기능을 추가했더니 위 사진처럼 제일 앞에서 바디의 배경색인 노랑이가 튀어나오는데, 어떤 것을 건드려야 이것이 wall-left 로 꽉 차게 되는지 혼자 해보다가 도저히 모르겠어서 글 남깁니다 ㅠ
- 미해결인터랙티브 웹 개발 제대로 시작하기
질문있습니다!!
안녕하세요, 정말 잘 보고있는 수강생입니다. 항상 좋은 강의 감사드려요~ 질문이 2가지 있어 질문해봅니다. 1. new Character()에 new연산자를 붙이는 이유 - Character()만 해도 일분이 캐릭터가 생성이 되는데 new 연산자를 붙혀주는 이유는 무엇인가요? Character() 함수에서 선언한 this.mainElem이 삭제되지 않게 하기 위해서 인가요? 2. 아래 코드에서 처럼 stage에 mainElem을 넣은 후에 mainElem.style에 left속성을 세팅해주셨는데 그렇게 하면 appendChild하는 순간 렌더링이 끝나 left속성이 반영이 안될수도 있지 않을까요? 정확히는 렌더링이 언제 되는지 궁금합니다... 감사합니다~ 좋은 강의 더 만들어주세요 응원할게요~
- 미해결인터랙티브 웹 개발 제대로 시작하기
addEventListener
//1 btn.addEventListener('click',function(){ clearTimeout(timeId)}) //2 btn.addEventListener('click',clearTimeout(timeId)) 안녕하세요. 혹시 이 둘의 차이점이 있을까요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
혹시 이 코딩이 firefox에서 작동되지 않는건 firefox가 css3를 지원안하기 때문인가요?
혹시 이 코딩이 firefox에서 작동되지 않는건 firefox가 css3를 지원안하기 때문인가요? 추가적으로 비쥬얼 스튜디오 코드를 이용하여 라이브 서버로 오픈했을 경우에 이미지가 보이지 않는것은, 해당하는 이미지가 제 C드라이브에 접근할 수 없기 때문인가요? 만약 그렇다면 라이브 서버에서도 작동하게 이미지 링크를 거는 방법이 있을까요 ?
- 미해결인터랙티브 웹 개발 제대로 시작하기
깃허브 커밋에 대한 질문
선생님 안녕하세요!! 강의 너무너무 재미있게 만들어주셔서 이해가 잘 되면서 보고있습니다! 다름이아니라, 올려주신 소스코드를 공부하면서 깃허브에 올리고 있는데 뭔가 문득 올리는데 문제가 되지는 않을까 해서 여쭤봐야되나 생각이나서 질문드립니다.
- 미해결인터랙티브 웹 개발 제대로 시작하기
선생님의 1분코딩 홈페이지같은 웹은 어떤걸 배워야 하나요??
현재 apple 클론 코딩이랑, 이 강의 두개 수강중에 있는데 선생님께서 운영중이신 1분코딩같은 3D 공간안에서 움직이는 걸 배우는 강의가 따로 있으신가요?? 아니면 아직 준비중이신가요 ㅠㅠ?
- 미해결인터랙티브 웹 개발 제대로 시작하기
resize 질문드립니다!
우선 강의 너무 잘 들었습니다! 혼자서 따라 해보다가 궁금한게 생겨서 여쭤봅니다. resize를 하면 window.innerHeight가 줄어듬에 따라 스크롤 크기도 함께 줄어들어 실제로 maxScrollValue의 변화가 없어야 하는것이 아닌가 싶어서 여쭤봅니다. 실제로 저는 const scroll = window.pageYOffset / (document.body.offsetHeight - window.innerHeight); 이렇게만 구현하였는데 콘솔로 찍어봐도 0~1까지 똑같이 고르게 나오고 여기에 const wallExpansion = scroll * 990 - 500; 이렇게 구현해도 창 사이즈를 변화시킬 때 화면이 깨지는 현상이 없어서 여쭤봅니다..
- 미해결인터랙티브 웹 개발 제대로 시작하기
더 깊은 공부를 위한 궁금증
이게 2년전 개설된 강의인데 혹시 많은 변화가 있었을가요??
- 미해결인터랙티브 웹 개발 제대로 시작하기
질문있습니다.
안녕하세요 선생님. 강의 감사히 듣고 있습니다. requestAnimationFrame( ) 에 대해서는 솔직히 이번에 처음 알게 되었습니다. 특정 함수 내부에서 이 함수를, 반복해서 호출을 하는 모양인데요 혹시 "재귀" 방식이라고 생각하는게 맞을까요 ? 감사합니다 :)
- 미해결인터랙티브 웹 개발 제대로 시작하기
질문있습니다.
안녕하세요 선생님. 객체 강의까지 잘 들었습니다. 감사합니다. 질문이 있습니다. 일단, 강의에서는 Class 에 대해서는 언급만 잠깐 하고 넘어가서개인적으로 prototype 때문에1. 생성자함수안에 멤버함수를 정의했을때2. 생성자함수안에 멤버변수만 정의하고, 멤버함수는 prototype 에 따로 정의했을 경우3. Class 를 정의했을 경우를 비교해봤습니다. [1. 생성자함수에 전부 정의했을 경우] [2. 생성자함수만 정의하고, prototype을 통해 introduce Func 을 등록하고 객체를 생성한 경우 ] [3. Class 에 introduce Func 정의만 해서 객체를 생성한 경우 ] 이와 같이 결과가 나왔다는 것은클래스에서는 따로 prototype 에 공유할 Func 을 정의하지 않아도Class 를 정의하는 과정에서 이미 그 과정을 진행한거라고 생각하는 게 맞을까요 ??============================추가질문으로는 Card 예제에서, Card 생성자함수 정의에서의 Card 생성자함수에 this.init( ) 이 조금 헷갈립니다. Card 생성자함수를 "호출"하는 시점은 결국 마지막에 있는 new 연산을 만났을 때 이뤄나기 때문에 그 시점에서는 Card 생성자함수 내부에 this.init( ) 에서 init 프로퍼티에 대한 존재는 이미 알고 있기 때문에 정상적으로 호출되는 것이라고 이해해도 될까요 ??
- 미해결인터랙티브 웹 개발 제대로 시작하기
각 아이템 Door 를 찾아가는 과정에 있어서 질문이 있습니다.
안녕하세요 선생님. 일단 인터랙티브한 UI 개발능력이 필요해서 이 수업을 듣게 되었는데요. 공부라기엔...너무 재밌게 듣고있습니다. 감사합니다. 질문은 현재, 저희 예제 같은 경우는 door 클래스 안에, 바로 다음 depth 에 door-body 클래스가 있어서door-body 일때, 바로, parentNode 속성으로 해당 door-body의 door 에 접근을 했습니다. 그런데 만약, HTML 코드의 depth 가 내부적으로 더 깊게 구성이 되어 있다면, 이전 시간에 언급해주셨던, "while문" 같이 반복문을 통해서 DOM Tree 를 타고 올라가면서 원하는 타겟요소를 찾는게 가장 베스트일까요 ??
- 미해결인터랙티브 웹 개발 제대로 시작하기
Css작성순서에 대해
Css를 작성할때, position, width, height,background,overflow 등 보기편하게 or 정해진 작성하는 순서가 혹시 있을까요? .stage{ position:relative; width:100vw; height:75vw; background:#ddd; overflow:hidden; }
- 미해결인터랙티브 웹 개발 제대로 시작하기
setTimeout의 리턴
안녕하세요 setTimeout 함수가 0.5초 뒤에 실행되도록 설계되어있는데, setTimeout의 리턴값은 이에 상관없이 바로 리턴되는 건가요? 아니면 리턴도 0.5초 뒤에 되는 건가요?
- 미해결인터랙티브 웹 개발 제대로 시작하기
스크롤 다루기 응용방법
안녕하세요 쌤~ 이 강의의 응용버전으로 스크롤을 내릴 때마다 element를 움직이게 하는 거는 어떻게 구현하는지 간단하게 설명 해주실 수 있나요?