본문 바로가기

javascript10

[json] 코드를 api로 전달하기 드림코딩 10강 Json - savascript object notation (Javascript object와 관련된 파일 , data format){ key : value }사용처  - 브라우저, 모바일, 파일  // 1. Object -> JSON// stringify(obj)let json = JSON.stringify(true); // truelet fruits = JSON.stringify(['apple', 'banana']); // ["apple","banana"]let rabbit = { name : "tory", color : "white", birthDate : new Date(), // "2024-09-22 T13:3.. 2024. 9. 22.
[react] 기본 javascript 내용 정리 Object shorthand Assignmentlet name = "moon";let age = "20";let person = { name: name, age: age}let person = {name, age}console.log (person); //{name:"moon", age:"20"} Distructuring = 분해하다let person = { name : "moon", age: "20" } let name = person.name let age =person['age'] let {name, age} = person let array = [1,2,3,4] let [a,b] = array // [1,2] let [a,b,...rest] = array2 //[3,4] spreadlet pe.. 2024. 9. 6.
[react] feat.코딩애플 개발과 세팅최신버전 node.js 설치vscode에서 open folder 로 폴더 열기terminal 열어서 npx create-react-app ** (프로젝트명)해당 폴더로 열어서 app.js에서 작업 더보기Help!npm error enoent ENOENT: no such file or directory, ....npm error A complete log of this run can be found in: bolier plate 설치하는데 몇번의 오류가 있었는데다음의 과정을 거쳐서 다운이 가능했다. npm install -g create-reate-app 요렇게도 쳐보고,node -v 로 버전 확인npx create-react-app  먼저 치고 proceed 할거냐 물어봐서 y후에 Please.. 2024. 9. 3.
[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 .. 2024. 8. 20.
[gsap] scrollTrigger start end scrollTrigger start/end나만 헷갈리나;'.. 정리된게 별루 없구 읽어봐도 이해가 잘 안돼서 사실 marker 찍어서 테스트 해보면 되긴하는데 나중에 또 테스트 안하고도 바로바로 적용하기 위해설명충st로  투머치하게 기록남겨놓아보려고 한다. scroller-start end : fixedstart end : relative - 값을 하나만 넣을시 :   scroll-start/end = 지점 0 고정뷰표트 0 고정으로 사용애니메이션 start/ end 지점만 설정애니메이션 시작/끝지점을 트리거로부터 얼만큼 떨어트릴지를 정하게 된다.많이 쓰는 offset top 생각하면 될 듯주의할건 end 라고 해서 밑이 기준이 되는게 아니다. 걍 start랑 같다고 생각하면 된다start: "0", .. 2024. 8. 9.
[threejs] curved view canvas html dom 가서미 웅장해지는 숏츠를 보았다https://www.youtube.com/shorts/Ty7j_v4t7ks 커브드 되는 3d 구현하는 30초짜리 숏츠였는데요 포맷을 이용하면 내가 구현하고 싶었던 씬을 만들수 있을거 같아서 도전!!!!!! 해봣는데 음 . . . ...... 자바스크립트만으로 구현하기는 어려울거 같다저거 자바스크립트인줄아랏는데 glsl? 확장자가 다른거 보니까.......안될듯?gpt가 쪼금 비스무리하게 해주는거 같긴했는데 내가 원하는 모양이 나오기엔 역부족..  일단은 요런 슬라이드 모양까지는 만들었다..꾸미기는 나중에 하는걸로..  html의 특정 dom으로 canvas 가져오기 const canvas = document.querySelector('#main-canvas'); con.. 2024. 8. 2.