꾸준한 개발일기

리액트로 영화 평점 웹서비스를 구현 중 라우터 적용에 오류가 발생하였다. 코드: import React from 'react'; import './App.css'; import { HashRouter, Route } from 'react-router-dom'; import About from './routes/About'; import Home from './routes/Home'; function App(){ return ( ) } export default App; 1. 문제 확인 오류: 1. HashRouter를 사용하면 주소가 http://localhost:3000/#/로 바뀌어야 하는데 바뀌지 않았다. 2. url를 입력하여도 빈 페이지가 로딩되고 개발자 도구에서 에러 메세지가 발생한다. 오류메..

도서관에서 노마드 코더의 클론코딩을 대여하여 영화 평점 웹서비스 만들기를 시작했다. 초반에는 리액트 개념에 대해 꼼꼼하게 설명해주기 때문에 시간이 좀 걸렸다. 그래도 API로 영화 데이터를 가져와서 페이지에 보여주는데까지 구현했다. 그리고 다시 코드를 보며 새로 알게 된 것들을 정리해보자 한다. state state = { }; - 객체 형태의 데이터로 동적 데이터를 다룰 때 사용한다 - 클래스형 컴포넌트에서 사용할 수 있다 - 리액트는 state를 직접 변경하는 코드를 허용하지 않는다 - state값을 변경하기 위해서 setState() 함수를 이용한다. 예시) class App extends React.Component { state = { isLoading: true, movies: [], }; }..