inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

Html Dom과 Canvas 그리고 SVG

dom / svg / canvas

해결된 질문

269

mirage0720

작성한 질문수 8

0

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

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

답변 1

0

코딩의세계 한태재

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

저는 클로드 로고가 안떠 있어요 ㅜㅜ

0

11

1

terminl을 사용해서 cursor 명령어 입력하는데 커서가 실행되다가 자동으로 꺼집니다 왜그럴까요?

0

8

0

커서가 강의화면이랑 달라요!

0

10

1

스크립트 영상 미일치

0

25

3

감정일기장 다이어리 필터 적용할때 컨텍스트를 Home에서 가져오는 특별한 이유가 궁금합니다.

0

15

2

강사님 플랜보드 보면서 느끼는건데

0

22

1

tdd green agent 에서 문의 드립니다.

0

17

1

강의 설명 중에 헷갈리는 것이 있네요

0

17

1

수업자료 관련 문의

0

21

3

22강 [토큰 저장] 질문

0

32

1

클로드 사용 오류

0

42

3

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

0

70

3

ai 도구 질문

0

107

1

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

0

114

2

섹션 10을 들었을때 궁금증

0

145

2

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

0

206

1

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

1

380

2

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

0

177

1

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

1

414

2

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

0

241

2

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

0

450

2

문제 해결했습니다.

0

221

1

문제 있어요! alias Path @ 문제

0

517

2

물질을 클릭했을 때 이벤트

0

447

1