[three.js] ftp업로드시 오류 (node.js)

강의 보고 포트폴리오를 만들었는데

분명 로컬에서는 잘되고  ftp올리면 오류가 난다...............

 

올리는 파일은 node_modules 제외, 

분명히 package.js , -lock 있을시 포함

webpack.config까지  싹 다 올렸는데도 

bundle.js 에서 오류가 나면서 onclick 관련 오류가 뜸

Uncaught TypeError: Cannot set properties of null (setting 'onclick')

 

THREEjs,GIFTLOADER 찾을 수 없고 계속 WEBGL 모르쇠 ㅋ

Uncaught TypeError: Failed to resolve module specifier "three". Relative references must start with either "/", "./", or "../".

 

폴더 경로 문제인가 싶어서 cdn으로도 해봤다가, 

<script type="module" src="public/bundle.js"></script> 도 해봤다가.....

진짜 진짜 안돼서 three.js 직접 다운받아서 경로 입력해서 해봤다가

근데 생각해보니 이것도 npm 설정? 같은거 해줘야하는 거 같아서 안될거 같은거

 

 

지피티에서 알려준 방법 대로 하니까 

결국 서버세팅까지 올라가게 되는데 

ssh 아파치? 프론트하면서 들어보지 못한 단어들이 나오기 시작하면서 머리가 지끈..

아 어쩌란말이냐 트위스트추면서

 

내가 이래서 node.js webpack 이런 다뤄보지 않은 거 겉핥기 하면서 쓰는거 좀 무서웠던게

오류가 나거나 알려준거 이상의 어떤것을 하려면

기초지식 없어서 어디서부터 손대야할지 모르겠어서 쓰기 꺼려지는데

강의에서 이렇게 쓰기때문에 어쩔수 없이 시키는대로만 썼고

ftp 올리는데서 문제가 생겼는데 어떻게 할지 모르겠는거 ㅠㅠㅠㅠ

검색어도 막막하고 이제 키워드도 동났는데

 

내가 기초지식 1도 없어서 이렇게 헤매는구나 싶어서 

유튭에서 기초강의를 찾아보다가 발견

나를 살린 영상 하나 

https://www.youtube.com/watch?v=pzHMT9Jxce0&t=840s

1분코딩 이분 애플인터랙션 때문에 알게됐었는데 진심 빛한줄기.. 아 이제 이력서 낼수 있따..

한마디로

npm run build 안하고 올려서 그럼  ㅋ... 넘 기초적인거라 기록 남기기도 민망

 

npm i //초기화
npm three // install three.js 모듈 설치
npm start // 로컬 작업 시작, localhost:9000
npm run build // 작업 끝낸 후 ftp서버용 파일 만들기

그래도 검색의 검색을 하면서 거진 하루동안

node.js 를 조오오오오금 배웠고

webpack 도 조오오오오금 알게 됐다