inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

alias 설정

문제 해결했습니다.

해결된 질문

181

이명재TV

작성한 질문수 2

0

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import path, {resolve} from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  // resolve:{
  //   alias: [
  //     {
  //       find: "@src",
  //       replacement: path.resolve(__dirname, "src")
  //       // @src 를 쓰면 src 폴더를 의미하게 된다.
  //       // ../../ 이런거 안 써도 된다.
  //     },
  //     {
  //       find: "@components",
  //       replacement: path.resolve(__dirname, "src/components")
  //     }
  //   ]
  // }
  resolve: {
    alias: {
      '@components': path.resolve(__dirname, 'src/components'),
      '@src': path.resolve(__dirname, 'src')
    }
  }
})

chatGPT 가 알려줬어여 ㅎㅎ

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

답변 1

0

코딩의세계 한태재

안녕하세요! 이명재TV님 해결하셨다니 다행입니다 ㅎㅎ alias를 설정해두면 프로젝트에서 참 편하죠 !

ChatGPT는 역시 인간보다 빠르고 정확하군요 ㅎㅎ

저도 ChatGP를 자주 쓰고있는데요. 개념을 이해하시면서 ChatGPT와 같이 공부하시면 훨씬 능률이 좋을 것 같습니다! 다른 질문 있으시면 알려주세요! 감사합니다!

섹션2퀴즈는어디있나요?

0

7

0

power shell에서는 claude가 정상 실행되는데, cursor terminal에서는 실행 에러 발생하네요.

0

10

1

live server, korean도 확장팩 검색이 되지 않습니다.

0

13

0

CLAUDE.local.md

0

13

1

55강 관련 질문(커밋이 완료되지 않을 때)

0

14

1

클로드 코드를 쓸때 Cursor IDE의 이점?

0

19

1

오류사항

0

30

3

md 파일을 위한 폴더 관리의 기준이 궁금합니다.

0

20

2

혹시 결제연동

0

24

1

claude code가 작업중일때 ctrl t 눌러서 진행상황 확인 불가

0

24

1

메타프롬프트 관련

0

25

2

side bar positon. 어떻게 해도 안돼요..;

0

21

1

ai 도구 질문

0

38

1

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

0

57

2

섹션 10을 들었을때 궁금증

0

87

2

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

0

150

1

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

1

278

2

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

0

127

1

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

1

307

2

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

0

177

2

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

0

384

2

문제 있어요! alias Path @ 문제

0

464

2

dom / svg / canvas

0

230

1

물질을 클릭했을 때 이벤트

0

402

1