"global is not defined" vite를 이용해 react 프로젝트를 하던 중 aws-sdk를 설치 후 AWS관련 패키지를 이용하려고 했을 때 만났던 오류이다. vite를 이용하지 않고 react프로젝트를 만들었을 시에는 오류가 뜨지 않아 원인을 좀 찾아보았다. https://stackoverflow.com/questions/72114775/vite-global-is-not-defined Vite 'global is not defined'I'm creating a project using Vite with vanilla-ts, at one point I had to use the readdir method from the fs-extra package, but it created an e..
npm error errno -4058 실행 경로 오류
Either try using a new directory name, or remove the files listed above. npm error syscall open npm error path E:\dev\prac\aws_s3_prac\package.json npm error errno -4058 npm error enoent Could not read package.json: Error: ENOENT: no such file or directory, open 'E:\dev\prac\aws_s3_prac\package.json' npm error enoent This is related to npm not being able to find a file. npm error enoent npm erro..
지금까지 강의로 ReactJS를 이용해 영화 웹 서비스를 만들어 보았다. 하지만, 강의가 끝났음에도 뒤를 이은 강의가 있었는데 이는 예전 방식의 ReactJS를 사용하는 법이 있다고 한다. 현재 최신 버전으로 함수들을 이용해 쉽게 state와 effect등을 사용했지만, 분명 이 전 버전의 코드들도 존재할 것이다. 어떠한 점이 다른지 복습을 하며 알아보자. 하나의 실행되는 함수를 component라고 부른다. React는 component를 사용해 HTML처럼 작성한다. 이러한 Javascript와 HTML사이의 조합을 JSX라고 부른다.component의 이름의 첫 글자는 항상 대문자이다. ( 의 형식이기 때문에 일반 html tag와 구분)React는 하나의 component를 랜더링 한다. 따라..
노마드 코더 - ReactJS 로 영화 웹 서비스 만들기 #7 Practice Movie App Styles
투박한 웹을 이제 보기 좋게 스타일을 씌어볼 생각이다. 우선 summary의 길이가 제각각 이기 때문에 이 summary의 길이부터 조절해 보도록 하자. Movie.js에서 summary를 찾아서 조정해 준다. {summary.length > 235 ? `${summary.slice(0, 235)}...` : summary} 3항연산자를 이용해 글자의 개수가 235자가 넘어가면 잘라주고 이하라면 그대로 보여주게 해 주었다. css는 소스코드로 만들어 둔 것을 입혔다. index.js, Movie.js, Home.js에 각각의 css module을 import 하고 적용해 주었다. 이제 내가만든 detail page만 알맞게 꾸며주면 프로젝트가 끝난다. git : https://github.com/lees..