inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

주석처리

246

bigkid young

작성한 질문수 7

0

영상 초반에 주석처리를 한 상태에서 mousemove를 

click으로 바꾸고 css에서 트레지션값을 주면 아무 변화가 안 나타납니다

하지만 주석처리를 안하고 click으로 바꾸면 

css가 먹힙니다

왜이런건가요..?

javascript 인터랙티브-웹

답변 3

0

코딩일레븐

일단 주석 처리 없이 클릭으로만 바꿨을때는 당연히 되는 게 맞습니다. 마우스 무브 x, y 값이 클릭한 x,y 값으로 저장이 된 겁니다. loop는 계속 돌고 있고요. 

주석처리를 했을때는 안 된다고 하신것 같은데 마우스무브, 클릭 다 안 된다는 말씀이신가요? 

0

bigkid young

네 주석처리 했을때 마우스 무브, 클릭 다 안되네요 ㅜㅜ..

0

코딩일레븐

안되는 부분을 캡쳐해서 올려보세요~

0

bigkid young

어.. 그게 아니라요 

선생님은 그 강의 초반에  function loop() 애내들을 주석처리하고 이밴트 핸들러에

mousemove를 click로 했잖아요 

근데 저는 주석하고하고 click으로 바꾸는데 css transition값이 안먹히더라구여

하지만

function loop() 애내들을 주석처리안하고 mousemove를 click으로 바꿨는데

css transition값이 먹히네요 

주석처리 안했을때는 이벤트 핸들러가 잘 동작되는데 

주석처리 했을때는 이벤트핸들러가 왜 작동이 안될까요/..?

0

코딩일레븐

moveFunc(e) 를 mousemove 로 작동시킬 것이냐 click으로 작동시킬 것이냐. 의 차이만 있습니다.

mousemove로 하면 마우스 위치값에 딱 붙어서 움직이고 클릭으로 바꾸면 클릭한 위치로 오브젝트가 

이동을 하는 것을 보실 수 있습니다.

주석 처리해둔 스크립트는 자연스럽게 움직이기 위한 코드입니다.

질문하신 게 이게 맞는지 모르겠네요? 아니시면 다시 댓글 남겨주세요~

mouse position interpolation과 transition linear interpolation의 차이

0

72

1

mousemove 시 따라 다니는 커서 이미지 wheel 할 경우

0

180

2

부드러운 움직임 구현1 강의 부분 질문있습니다.

0

147

2

go live 실시간 크롬

0

320

1

javascript 도움말 vsCode 확장팩 문의!

0

362

1

블로그 상단 페럴렉스 효과 구현 질문 있습니다!

0

356

1

마우스 인터렉티브 변형 질문

0

338

1

안녕하세요. 수업 잘 듣고 있습니다. 포트폴리오 관련 질문도 가능할까요?

0

397

1

나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요

0

344

1

perspective에 대해서

0

285

1

CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분

0

480

1

requestAnimationFrame 질문

0

362

1

리뉴얼 이전 강의 파일

0

441

1

코드가 미리보기로 보여주는 확장프로그램이 뭔가요?

0

747

1

수업 파일 부탁드립니다~

0

323

1

배경질문

0

353

1

textWrap의 position을 relative로 주는 것에 대해 질문있습니다!

0

289

1

safari에서 position fixed가 잘 동작하지 않습니다

0

981

1

addEventListener후에 익명함수 실행할때 뒤에 false는 어떤 역할을 하는건가요?

0

555

1

스피드 변수로 scrollTop을 두는 이유가 무엇인가요?

0

363

1

완성파일 어디서 받아볼 수 있나요 ?

0

432

1

완성 파일 요청 드립니다.

0

301

1

사진들이 상단 nav바를 침범하는데 침범 못하게 어떻게해야할까요?

0

152

1

리액트로 하면 어떻게 해야할지 작성해주실수있나요?

0

365

1