개인 프로젝트10 [개인 프로젝트 error ] npm err! missing script: start | error: cannot find module 경로 에러가 나게 된 상황을 요약하자면, 프로젝트 폴더 하위에 리액트의 파일들을 다 설치한 후 미리보기를 하기 위해 npm start를 했다가 오류가 난 상황이다 1. 리액트를 환경을 만들기 위해 프로젝트 폴더(lottoProject)를 만든 후 vs코드에서 터미널을 켜고 아래의 코드를 입력한 후 프로젝트 폴더(lotto) 하위에 리액트 파일들을 설치했다 npx create-react-app 프로젝트명 // lotto(프로젝트명) 프로젝트 폴더(lottoProject)에 하위에 => 입력한 프로젝트명(lotto) => 그 안에 리액트의 파일들이 설치되었다 2. 설치가 다 끝난 후 터미널에서 npm run start를 하니까 npm err! missing script: 오류가 발생했다 이 오류가 나는 이유를 찾.. 2022. 5. 31. [개인 프로젝트 error] npx create-react-app 개인 프로젝트를 하려고 유튜브 영상을 보며 리액트를 설치하다가 에러가 났다 npx(라이브러리 설치를 도와주는 명령어 node.js 설치되어있어야 가능) create-react-app (리액트를 만들기 쉽게 도와주는 라이브러리의 이름이며 리액트 세팅이 완료된 boilerplate이다 ) // 터미널 에러 이름 @ 이름-ui-MacBookAir lottoProject % npx create-react-app lotto You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1). We no longer support global installation of Create React App. Please remove an.. 2022. 5. 30. [개인 프로젝트 error] Uncaught (in promise) TypeError: Cannot set properties of null (setting 'innerText') 에러가 나게 된 상황 날씨 위젯 프로젝트를 만들던 중 날씨 api를 통해서 데이터를 받아오는 작업을 하고 있었는데 콘솔에는 데이터가 잘 나오는데 innerHTML이나 innerText를 사용해서 화면에 데이터를 띄우려고 하면 아래의 사진처럼 오류가 났다 에러 해결 & 느낀점 // 에러코드(필요없는 부분 생략..) const map_name = document.querySelector('.weatherInfo'); map_name.innerHTML = `${temperature} @ ${place}`; // 수정코드(필요없는 부분 생략..) document.querySelector('.weatherInfo').innerHTML = `${temperature} @ ${place}`; 예전에 비슷한 오류가 났.. 2022. 5. 2. [개인 프로젝트] 날씨 api 온도 측정 단위 °C 날씨 위젯 홈페이지 개인 프로젝트에서 사용한 날씨 api 주소 https://openweathermap.org/ 작성하게 된 이유 api 사용경험이 별로 없어서 사용 방법 문서를 봐도 잘 이해가 안돼서 놓치는 부분이 있었다 그런 점을 적어 두려고 작성하게 되었다. 문제 상황 api로 데이터를 받아 왔는데 온도(temp)가 섭씨로 나와야 하는데 화씨로 나와서 어떻게 변환해야 하는 건지 의문이었다 해결 해결 방법은 생각보다 간단했다 마음을 비우고 그냥 문서를 차근차근 잘 읽어보면 된다............. api를 호출할 때 API key 뒤에 & 하고 units=metric라고 설정을 해주면 우리가 원하는 섭씨로 변환되서 사용할 수 있다 // 예시 promiseGet('https://api.openwea.. 2022. 5. 1. 이전 1 2 다음 728x90
