inflearn logo
강의

Course

Instructor

Interactive 3D Web Development Learning with React Three Fiber (R3F)

HTML DOM, Canvas, and SVG

dom / svg / canvas

Resolved

271

mirage0720

8 asked

0

혹시 웹에서 원하는 곳에 이미지를 애니메이션으로 보내거나 웹을 구성할때 canvas로는 좌표를 찍어 위치를 조정하기 쉬워보이는데 dom / svg를 활용할땐 웹에 원하는 곳으로 배치하기 위해선 그리드를 활용해야하나요 보통?

javascript react typescript 인터랙티브-웹 three.js webgl react-three-fiber

Answer 1

0

taejaehan

안녕하세요! 그리드를 활용한다는게 어떤 의미인지 잘 모르겠지만, dom/svg를 이용할때는 css animation을 많이 사용합니다. css transform과 transition을 사용하면 원하는 곳으로 animation되면서 배치하실 수 있을거라고 생각됩니다. 감사합니다!

터미널에서 커서 AI 직접 실행

0

7

1

해결했습니다

0

11

1

이런 경우는 어떤 조치를 취해야할까요?

0

12

1

hooks 설정이 안되요

0

17

2

영상 최신으로 엡데이트 요청

0

57

2

소스 코드가 회사 보안 프로그램에 막혀서 안 보여요.

0

47

2

claude code 상태표시줄 궁금합니다!

0

43

2

수파베이스 데모 버전

0

33

1

10월 15일 삭제예정 강의 문의

0

35

1

설치의 필요성

0

66

2

modal-root질문드립니다.

0

57

2

primitive에 onClick 이벤트가 안되는 경우

0

86

3

ai 도구 질문

0

114

1

오브젝트에의 이벤트 감지 vs 레이캐스팅

0

120

2

섹션 10을 들었을때 궁금증

0

150

2

material 파트까지 들은 후 생긴 궁금증

0

214

1

zoom과 fov의 차이점이 잘 이해가 안됩니다.

1

398

2

1강 관련하여 의견을 여쭙고 싶은 게 있습니다.

0

187

1

'JSX.IntrinsicElements' 유형에 'mesh' 속성이 없습니다. 경고 해결법

1

425

2

onClick 이벤트함수로 raycaster 방향이 자동으로 set되나요?

0

248

2

화면에 렌더링은 되는데 코드에서 빨간줄이 떠요

0

457

2

문제 해결했습니다.

0

224

1

문제 있어요! alias Path @ 문제

0

525

2

물질을 클릭했을 때 이벤트

0

454

1