본문 바로가기

프로그래밍 에러 Error19

[리액트 에러 해결] 'react-scripts'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 'react-scripts'은(는) 내부 또는 외부 명령 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다. 갑자기 react가 실행되지 않는다. yarn start, npm run start 둘다 실행되지 않는다. yarn start 명령어 실행시 에러 발생 npm run start 명령어 실행시에도 에러 발생 구글 검색으로 yarn add global react-scripts를 입력하면 해결된다고 해서 했더니 package.json에서 dependencies들이 뭔가 수정이 됐다. 참고 : thespoiler.tistory.com/21 react-router-dom 에러 발생 그래서 이제 실행이 되는건가 싶었는데, 이번엔 다른 에러가 발생했다. 해결방법2 : 아래 명령어 실행 npm install.. 2021. 3. 28.
[리액트 React] 쇼핑몰 프로젝트_05_Router 만들기 페이지 나누기 - 라우팅 예를 들면 쇼핑몰의 메인페이지와 상세페이지로 나누기 react-router-dom 설치하기 BrowserRouter HashRouter # ==> 서버에 전송되지 않음 2021. 3. 28.
[리액트 React] 쇼핑몰 프로젝트_03 1. import / export 사용해서 데이터 바인딩하기 - 신발 shoes에 대한 정보(데이터)를 담은 배열(array) 만들기 --> useState - 필요한 데이터를 웹 페이지에 띄우기 --> 데이터 바인딩 2. object와 array 차이 3. 반복적인 HTML요소가 많다면 반복문이나 Component 이용 - 특정 div 태그를 Component로 만들어서 web page에 나오게 하기 - Component 바인딩 하기 - Conponent를 반복문 돌리기 4. Props 사용하기 부모 component에 있는 state를, 자식 component에서 사용하고 싶으면 props를 이용해야 한다. 5. 각각의 자식 Component에 다른 data 전송하기 data.js에서 받아온 데이터에.. 2021. 3. 28.
[리액트 React] 쇼핑몰 프로젝트_02 1. 쇼핑몰 레이아웃 디자인 대부분의 쇼핑몰 사이트는 상단에 메뉴를 선택할 수 있는 nav-bar, 큰 이미지가 보이는 대문 사진, 판매중인 상품들, 이런 식으로 레이아웃이 구성되어 있다. 레이라웃 구성에 대해서 생각해보고 지난 시간에 설치한 react-bootstrap 라이브러리를 이용하여 디자인을 구현한다. 2. react-bootstrap 컴포넌트(component) 사용하기 - navbar : 상단 바 - jumbotron : 페이지 대문 - container : 상품 리스트 - component 사용중에 발생한 에러 - 상품 레이아웃은 react-bootstrap 라이브러리 사용하지 않음 3. Code Shopee Home Link Action Another action Something Sep.. 2021. 3. 28.