무야홍 ~

프로젝트 생성 npx create-react-app [프로젝트명] src/app.js 의 불필요한 부분 제거 후 $npm start 명령어로 앱 실행 현재위치 정보 가져오기 앱이 실행되자마자 현재위치에 대한 정보가 필요하므로 useEffect Hooks 를 사용 useEffect 에는 2개의 매개변수가 필요하고, 함수 내부에 원하는 내용을 작성 해 주면 된다. useEffect(() => {함수},[배열]) 현재위치정보 가져오기https://www.w3schools.com/html/html5_geolocation.asp 위 Reference 를 참조하여 현재위치에 대한...

에러 확인 새로운 프로젝트를 위해 npx 명령어를 입력하던와중 에러가 발생했다. 에러를 살펴보면, *name can no longer contain capital letters npm이 사용하는 명령어의 일부이거나 프로젝트명에 대 소문자 또는 특수기호를 입력하지 말라는 뜻 이다. 아마, 프로젝트를 생성하기 전 프로젝트를 위한 빈 디렉토리를 생성하고 명령어를 입력해서 발생했던 실수인것같다. 생성하는 리액트 프로젝트명에는 대문자나 특수기호가 포함되어있는지 꼭 확인하자. 에러 해결 프로젝트명을 소문자로 변경하니 정상적으로 실행됨을 알 수 있다.

에러 확인 npm start 명령어 실행 시 에러 문구는 출력되지 않고, 아래와 같이 랜더링이 되지 않고 자동으로 탈출 되는 현상이 있었다. 구글 검색을 해 보니 package.json 의 scripts 부분에 아래와 같은 옵션이 추가되어있었다. 실행 순서는 (&& 기준) 앞 구문 이 먼저 실행되고, 뒤에 있는 react-scripts start 구문이 실행되는데 먼저 실행되는 앞 구문에서 버전 관련하여 오류가 발생하여 뒤에 있는 구문이 실행이 되지 않았다. 에러 해결 다음과 같이 오류가 발생하는 앞 구문을 지워주고 실행하니 정상적으로 랜더링이 되었다.