Bắt đầu phát triển web tương tác đúng cách
Đây là lớp học sẽ giúp bạn xây dựng những kiến thức cơ bản để phát triển các trang web tương tác, sáng tạo.
3,554 học viên
Độ khó Cơ bản
Thời gian Không giới hạn
- Chưa giải quyết
왼쪽/오른쪽 동작시 딜레이 문제
소스를 그대로 사용하는것이 아니고 한단계, 한단계 만들어가면서 하고 있는데요.팔, 다리, 몸통, 머리 소스 부분부분씩 진도나갈때마다 복붙하면서 진행하고 있습니다. 다 잘 진행되는데, 키보드 왼쪽/오른쪽 이동시, 잘 이
HTML/CSSjavascript인터랙티브-웹judaihyun077107
・
0
144
1
- Đã giải quyết
변수 범위 관련 질문
let currentItem; function activate(elem){ // 활성화 : 문열기 elem.classList.add('door-open'); currentItem = elem
HTML/CSSjavascript인터랙티브-웹gpwjd22219015
・
0
164
1
- Chưa giải quyết
perspective 문의
perspective : 800px을 .stage에 넣으면, 다르게 회전이 되어야 하는데저는 .door에 넣은 것처럼 똑같이 일정하게 회전 됩니다.이유를 모르겠어요~
HTML/CSSjavascript인터랙티브-웹gpwjd22219015
・
0
142
1
- Chưa giải quyết
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
init() { window.addEventListener('scroll', () => { this.scrollRunHandler();
HTML/CSSjavascript인터랙티브-웹samkookji120994
・
0
196
1
- Chưa giải quyết
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
스크롤이 처음과 끝이 아닌 중간 위치에 있을 때 창의 크기를 변환하면 스크롤 비율이 달라져서 그런지 화면이 z축을 기점으로 순간이동을 합니다. 이것을 부드럽게 하기 위해서는 어떠한 방법이 있을까요?
HTML/CSSjavascript인터랙티브-웹yij03253727
・
0
160
1
- Chưa giải quyết
animation이벤트 질문이요!
window를 ballElem로 변경하면 click했을때 작동을 하지 않는데 이유를 모르겠습니다..! const ballElem=document.querySelector(
HTML/CSSjavascript인터랙티브-웹minisnake9405
・
0
103
1
- Chưa giải quyết
resize handler에서 질문이 있습니다.
본 강의에서는 resize 핸들러를 사용해서 구성이 되었는데,(function () { const houseElem = document.querySelector(".house");
HTML/CSSjavascript인터랙티브-웹javaprogrammer4730
・
0
146
1
- Chưa giải quyết
카드 뒤집힐 때 F가 보인 이유
안녕하세요? 강의 잘 보고 있습니다. F, B 카드가 있고 뒤집는 거잖아요? F에 z-index를 1을 주었기 때문에 B보다 앞에 있어서 F->B 순서로 보이구요. 여기서 궁금한 것은 실물 카드로 생각을 해보았을 때, F카드
HTML/CSSjavascript인터랙티브-웹newbiedev
・
0
196
1
- Chưa giải quyết
3d 뒤집기 추가효과
지금 카드를 3d로 뒤집는데 그냥 뒤집히는게아니라카드의 뒷면이 무엇인지 왼쪽아래나 왼쪽면부터 조금씩 뒤집어지는 느낌으로 뒤집기 위해선 animation3에서 이미지를 나눠서 보여준것처럼 효과를 줘야할까요? 그냥 카드가 3d로 휙 뒤집히는게 아닌 책장넘길때처
HTML/CSSjavascript인터랙티브-웹youdw19946635
・
0
253
1
- Đã giải quyết
전진! 3D 스크롤 21 강의 질문
전진! 3D 스크롤 21 강의에서,스크롤을 내리거나 올릴 때 css를 적용하는 과정에서 css 코드가 잘 이해가 가지 않아서 질문 드립니다..character[data-direction=
HTML/CSSjavascript인터랙티브-웹rkdengml09205381
・
1
212
1
- Chưa giải quyết
eventlistener 질문
이벤트 강의를 듣고 나서 addEventListener를 이용하여 여러 장의 사진이 있으면 슬라이더처럼 하나씩 넘겨서 볼 수 있는 이벤트를 만들 수 있을 것 같아 혼자 코드를 직접 짜봤는데요,body 부분은 아래처럼 작성하고,<code
HTML/CSSjavascript인터랙티브-웹rkdengml09205381
・
0
188
1
- Chưa giải quyết
zMove 를 1000으로 설정하는 이유에 대하여.
안녕하세요 1분 코딩님.영상에 6:10에 zMove 변수의 값을 설정할 때 0 - 1 의 비율이 너무 작은 수 이기 때문에 * 1000 을 해주신다고 하셨는데요.houseElem 요소가 0 - 1000vw 만큼 이동해야 하기 때문에 * 1
HTML/CSSjavascript인터랙티브-웹xoguddkenl0428
・
0
207
1
- Chưa giải quyết
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
강의에서 나오는 prototype 말고 class 문법으로 바꿔서 공부하시는 분들 참고하셔요! 🫶❤ 화살표함수란 ?<blockqu
HTML/CSSjavascript인터랙티브-웹chaenilee
・
1
239
1
- Chưa giải quyết
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
안녕하세요. 이벤트 위임 연습하다가 변칙적으로 연습하고 있는데요. 동적으로 html 생성 된 후에 버튼에 ''-active"클래스 추가 하면 실제로 클래스가 추가가 안되네요. 그런데 elem을 consol 창에 찍어보면 "-avtive"클래스가 추가된 요소로 나오
HTML/CSSjavascript인터랙티브-웹sjkjh27352
・
0
307
1
- Chưa giải quyết
rotateY()에서 deg에 따른 차이
오른쪽 벽에서 transform을아래와 같이 설정하면 브라우저를 통해 보여지는 길이가 다릅니다. 이유가 뭘까요?transform: rotateY(-90deg) translateZ(400v
HTML/CSSjavascript인터랙티브-웹thffhahs03
・
0
241
1
- Chưa giải quyết
코드 작성 순서
안녕하세요 선생님~ 수업 잘 듣구있습니다 ㅎㅎㅎ door-opened 클래스를 add하고 remove하는 순서로 생각했는데 코드 작성 흐름이 거꾸로 역순으로 가는 이유가 있을까요...?^^;;;
HTML/CSS인터랙티브-웹javascripthyeyeonworld9771
・
0
311
1
- Đã giải quyết
이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??
해당 강의를 진행하기 위해서스프라이트 이미지를 다운받으려고 하는데 제공되는 이미지가 없는 것 같아서요! 따로 다운 받을 수 있는 링크가 있나요??
HTML/CSSjavascript인터랙티브-웹javaprogrammer4730
・
1
433
1
- Chưa giải quyết
'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다
섹션5에서 제공 중인 파일을 모두 받아 봤습니다.그런데 이벤트 위임 보강 영상에서 보이는 delegation.html이 안 보입니다..혹시 제가 못 찾은걸까요??
HTML/CSSjavascript인터랙티브-웹mgzless6063
・
0
338
2
- Chưa giải quyết
섹션5 자바스크립트 이벤트 다루기 질문
안녕하세요 유준모 강사님.'움직이는 캐릭터 예제로 클릭 이벤트 익혀보기'에서 10분 30초쯤 "전역변수 회피를 위해서"라고 말하셨는데, 이 말이 어떤 건지 자세히 알 수 있을까요??
HTML/CSSjavascript인터랙티브-웹mgzless6063
・
1
304
1
- Chưa giải quyết
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
강좌섹션, 전진! 3D 스크롤 11(5:49) 에서 mousePos 공식 어떻게 나오게 됐는지궁금해 문의 드립니다! mousePos.x = -1 + (e
HTML/CSSjavascript인터랙티브-웹here2letters6603
・
0
467
2