챗지피티취미독학

  • 홈
  • 태그
  • 방명록

react 3d 1

🎓 Three.js 입문 14차시: 리액트에서 Three.js 사용하기(react-three-fiber 입문)

Three.js는 WebGL 기반 3D 그래픽을 쉽게 구현할 수 있게 해주는 도구입니다. 하지만 React 환경에서는 DOM과 상태 관리를 고려한 컴포넌트 기반 접근이 필요합니다. 이때 사용하는 것이 바로 react-three-fiber. 이번 차시에서는 React에서 Three.js를 어떻게 통합하고, 기존 Three.js 코드가 어떻게 React 스타일로 변환되는지 단계별로 실습해봅니다. 🧱 설치 준비npx create-vite three-react-demo --template reactcd three-react-demonpm install three @react-three/fiber @react-three/dreinpm run dev📁 프로젝트 구조three-react-demo/├── src/│..

웹프로그래밍/3D(threejs) 2025.07.21
이전
1
다음
더보기
프로필사진

챗지피티취미독학

세상의 다양한 질문에 끊임없이 호기심을 품고 탐구하는 블로그입니다. 새로운 생각의 씨앗이 되어 함께 배우고, 연결되는 공간이 되었으면 합니다.

250x250
  • 전체글 (1942) N
    • 창업 (29)
    • 보드게임 (1)
    • 코미디 (21)
    • IT 뉴스 (4)
    • 생성형 AI (34)
    • RAG (20)
    • 건강·운동 (74)
    • 맛집·인물 데이터 수집 (9)
    • 정치 (11)
    • 심리학 (34)
    • 수필 (9)
    • 제테크 (56)
      • 주식 트레이딩 (13)
      • 종목 분석 (22)
      • 경제 이야기 (21)
    • 문화생활 (170)
      • 미용사(네일) 국가자격증 (22)
      • 음악 (4)
      • 독서 (22)
      • 영화 (4)
      • 제2외국어(영어, 일본어.. (74)
      • 토익·토플 (10)
      • 사주&타로 전문가 과정 (33)
      • 공연&전시&축제 (1)
    • 철학 (143)
      • 서양철학 (37)
      • 동양철학 (15)
      • 교육철학 (24)
      • 개똥철학 (52)
      • 철학으로 배우는 수학 (15)
    • 지대넓얕 (33)
    • 과학 (146)
      • 과학 이야기 (58)
      • 과학 교육 (0)
      • 유전자 편집 (14)
      • 노벨상, 이그노벨상 (74)
    • 미디작곡 (116)
      • 화성학 (25)
      • logic pro (27)
      • DJ 입문 (47)
      • Logic Pro 플러그.. (17)
    • AI교육 (173)
      • 정보 (17)
      • 데이터 분석 기초 (12)
      • 인공지능 기초 (40)
      • 인공지능 윤리 (6)
      • 인공지능과 피지컬 컴퓨팅 (4)
      • 컴퓨터비전 (11)
      • 머신러닝 프로젝트 (11)
      • 인공지능 논문 리뷰 (10)
      • ADP(데이터 분석 전문.. (44)
      • 네이처오브코드 (10)
      • tools (1)
      • 인공지능 수학 (6)
      • 학교 설립 (1)
    • 웹프로그래밍 (136)
      • html&css (11)
      • React (22)
      • 3D(threejs) (96)
      • 2D (1)
      • next.js (6)
    • 백준 알고리즘 (91)
      • Python (82)
      • JavaScript (9)
    • ReactNative (77)
      • 리액트네이티브 입문강의 (26)
      • Firebases 로그인.. (5)
      • 백색 소음앱 (6)
      • 채팅앱 (10)
      • 맛집 공유앱 (7)
      • 인스타그램 클론코딩 (18)
      • 내장 ToF센서 및 AR.. (2)
      • 실시간 날씨 정보앱 (1)
    • 게임 프로그래밍 (111) N
      • 게임 기획 (10)
      • unity (79)
      • python (5)
      • 블렌더 (10) N
    • 프로그래밍 기술 (15)
    • 프로젝트 설계 및 구현 (76)
      • 프로젝트 기획 (34)
      • ChatGpt API를 .. (9)
      • 커서 AI를 활용한 바이.. (33)
    • 컴퓨터 네트워크 (22)
      • 원격 제어 프로그램 (22)
    • 정보보안 (32)
      • AI Security (7)
      • 화이트해커 전문가 과정 (23)
      • 웹해킹보안가이드 (0)
      • 정보보안기사 (2)
      • 정보처리기사 (0)
    • macOS (6)
    • 정보컴퓨터 전공 (113)
      • 컴퓨터구조 (12)
      • 정보교과교육학 (9)
      • 컴퓨터네트워크 (29)
      • 데이터베이스 (12)
      • 자료구조&알고리즘 (16)
      • 운영체제 (19)
      • 디지털 논리회로 (15)
      • 전공 기출분석 (1)
    • 교육학 (166)
      • 기본이론반(전태련) (74)
      • 실전문제반(전태련) (56)
      • 교육학 기출 분석 (13)
      • 교육학 이론 정리 (23)
    • 진학 (12)

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

Calendar

«   2026/01   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바