월 24,200원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
<style> 태그 위치
안녕하세요, 강사님:) 계속 좀 궁금했는데, style태그를 head와 body 사이에 넣는 이유가 따로 있으실까요? 전 내내 style태그를 head안에 넣어놨었는데, 구현에는 차이가 없다는 것은 알고 있지만 혹시나 다른 차이가 있나해서요.
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
배경화면을 검은색으로 만드는 효과관련
section 5의 step1의 index.html입니다. after라는게 main_visual의 '뒤'에 태그를 추가해주는 것이라고 알고 있습니다. 그렇다면 기존의 화면 태그의 space와는 중첩이 되지 않아야하는게 아닌가요? 아래의 코드는 빈태그에 background를 주어서 화면 전체가 검정색 화면이 되는 것이 이해가 되지 않아 질문 남깁니다. .sec_mainvis.active .main_visual:after {background:rgba(0,0,0,1); transition-delay: 0s;}
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
visibility와 opacity
ggang_lesson.section4,step3.index.html의 css에 질문이 있습니다. motion_moon과 motion_moon.active에서 visibility와 opacity 는 동일한 특성을 나타내는것 같은데. 왜 이렇게 사용하신건지 궁금해서 질문남깁니다. opacity만 사용할 경우 달 사진이 부드럽게 사라지지 않는 것은 확인하였는데, visibility만 사용할 경우는 opacity와 같이 사용하는 경우와 동일한거 같습니다. 두개를 다 기입해야하는 이유가 무엇인가요?
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
javascript로 변환
안녕하세요. 좋은 강의 열심히 듣고 있습니다. 퀄리티 있는 강의 올려주신 덕분에 jquery도 처음 접하고, vanila javascript 공부할 겸 바꾸는 연습도 하고 있습니다. 그러다가 section5 > step2에서 막히는 부분이 있는데 혹시 괜찮으시면 이 부분을 바꾸려면 어떻게 바꿔야 할지 알려주실 수 있으실까요?ㅠㅠ 아니면 javascript에서 어떤 함수를 찾아보면 좋을지 힌트 부탁드립니다. $('html').stop(true).animate({ scrollTop: mainBottom+1 //IE버그 반복 버그 처리를 위해 1을 추가합니다. },500,function(){ sectionIsMoving = false; //섹션이 이동중인지 체크하는 변수 });
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
질문
안녕하세요, 이제 수강하려고 하는 학생입니다. 근데 혹시 제이쿼리의 비중이 얼만큼 되나요? 제이쿼리보단 순수자바스크립트로 배우고 싶어서요!
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
영상이 마지막에 짤린건가요?
.
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
큐브 박스의 흰색 면이 생깁니다.
스크롤시에 큐브 박스가 회전하면서 흰색 면이 보이는 듯한 버그가 있는것 같은데 이는 어떻게 처리하나요?
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
초보자도 이해할 수 있다고 하셔서 듣고있는데
2강 스크롤 백분율 부분부터 이해하기가 좀 어렵네요. 일단 $(" ");이게 뭔가요? 그리고 init(); 함수부터 시작이면 위에서 부터 시작아닌가요? 왜 맨 아래부터 시작하는건가요? 함수 정의 후 호출은 그 밑에 나와야하는 거아닌가요? render는 호출이 위에있고 ㅠㅠ아.. 이해가 안갑니다. 하...... 뭔가 그냥 쓱하고 지나가는듯한 설명이어서 따라가기가 너무 힘듭니다. 혹시 보충강의 같은거 올려주시면 안되나요?
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
section 5 - set 3번에서 질문있습니다.
선생님 안녕하세요! 궁금한게 있어서 글을 올렸습니다. section5 의 set3 폴더의 index.html에서 parallaxMoveDistance = Math.max(parallaxStartValue - parallaxStartValue, Math.min(parallaxStartValue, parallaxStartValue - (parallaxStartValue * (parallaxPercent / 100)))); 로 수식을 입력하셨는데 어떠한 이유로 저렇게 식을 사용하셨는지 궁금합니다. 계속 보다가 헷갈려서 도움의 손길을 요청합니다..ㅜ
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
.offset().top; 관련 오류
해당 스크립트를 사용한 페이지에서는 잘 돌아갑니다. 그런데. 스크롤이벤트를 적용하지 않은 다른 페이지에서는 아래와 같은 오류가 나는데요. 이벤트가 없기떄문에 페이지 보는건 문제는 없지만. 왜 그런지 알고싶습니다. 해결방법은 있을까요. scripts.js:89 Uncaught TypeError: Cannot read property 'top' of undefined
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
:after 는 어느 상황일 때 쓰는 지 궁금합니다
저는 :after를 글자 앞,뒤에 추가 정보를 넣는 방법으로만 알고 있었습니다. 선생님께서 코드 중간 중간에 :after를 사용하셨는데 이해가 되지 않아 인터넷을 찾아봐도 헷갈리네요 ㅠㅠㅠ 그래서 :after를 사용 안하고 작성해봤는데 제대로 작동이 안되는 부분들이 있어서요. :after 가상 클래스는 선생님 코드에서 어떻게 쓰이는 지 궁금합니다
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
제이쿼리 stop().animate()을 자바스크립트로 바꾸고 싶습니다
제이쿼리에서 자바스크립트로 코딩하는 중인데 제이쿼리의 stop().animate()를 자바스크립트로 어떻게 바꿀 지를 모르겠습니다... $('html').stop(true).animate({ scrollTop: sectionmaintop }, 500, function() { sectionismoving = false; });
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
인터렉션 2편은 언제쯤 공개되는지 알수있을까요?? 소개 영상이 너무설레네요..
ㅠㅠㅠ
- 미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
섹션 1에서 섹션 2로 스크롤하여 이동하려고 하면 떨림이 있습니다.
선생님 안녕하세요.강의 자료 중 실행되지 않는 파일이 있어서 질문드립니다. 질문 1아래 파일에 떨림이 있습니다.ggang_lesson/section5/step2/index.htmlggang_lesson/section5/step3/index.html sec_mainvis에서 sec_list_overlap active로 스크롤해서 이동하려고 하면 떨림이 생기면서 잘 작동되지 않습니다.확인 부탁드립니다. 사용 환경은 아래와 같습니다.윈도우 10, 크롬 버전 84.0.4147.125(공식 빌드) (64비트) 질문 2강의 내용은 jQuery로 제작되어있는데,javascript로 수정하려고 하면 어떻게 해야 하나요?