전체 글

React 에서 이미지가 불러와지지 않을 때 (엑박 뜰때)

# 문제점 메인 로고를 불러오려고 img 태그 속 src에 이미지 주소를 넣었다. 그런데 이미지는 불러와지지 않고, 깨진 파일처럼 떠있는 것이다. import './App.css'; function App() { return ( ); } 실제 코드는 일반 html로는 잘 돌아간다. # 해결법 import를 통해 불러오면 해결된다! import './App.css'; import mainlogo from './assets/image/mainlogo(black).png'; function App() { return ( ); } export default App;

React 오류 : 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다.

문제 상황 git clone 을 실행했는데 React 프로젝트가 실행되지 않는다! 에러 메세지 아래와 같은 에러 메세지가 떴다. 'react-scripts'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는배치 파일이 아닙니다. 해결법 npm install -save react-scripts 전역 설치가 필요할 경우, -g 옵션을 붙이면 된다!

React props로 데이터 전달하기

1. 부모 컴포넌트 부모컴포넌트에 props="value" 를 입력한다. (아래에 TodoList를 보면 todo="TODO" 라고 쓰여진 부분) function App() { return ( TODO LIST ); } 2. 자식 컴포넌트 props를 파라미터로 넘겨주고, {props.XXX}로 바인딩 해서 사용한다. XXX 부분에는 부모컴포넌트에서 옮겨준 이름을 사용하면 된다. {props.todo} 부분! import React from "react"; const TodoList = (props) => { return ( {props.todo} ); }; export default TodoList;