728x90 React2 [React] router direct url or refresh 404 Not Found 에러 발생 해결 클릭하면 Route 에서 설정한 path 대로 사이트 이동이 정상적으로 되는데, 직접 url 을 입력하거나 새로고침하는 경우엔 404 에러가 났다. [클릭시 정상적으로 이동] [해당 url 직접 입력 또는 새로고침시 에러 발생] 프론트 개발 시 수정사항이 있을 때마다 `npm build` 하고, output 파일이 생성되면 index.html 을 띄우는 방식으로 확인해야 한다면, 우리는 서비스를 완성하기도 전에 지쳐 쓰러질 것이다. 이를 해결하기 위한 방법으로는 `webpack-dev-server` 라이브러리를 사용하면 되는데, 해당 라이브러리를 사용하면 개발 서버를 띄우고 즉각적인 수정사항이 반영되도록 할 수 있다.하지만 라우팅이 되지 않는 문제가 발생한다...^_^ 보통 개발 서버에서는 요청된 .. 2025. 2. 17. [React] 컴포넌트 생명주기 (Component Life Cycle) React 를 배울 때 가장 어려웠던 것은 컴포넌트의 생명주기(Component Life Cycle) 를 이해하는 것이었다. 특히나 업데이트를 하다가 무한 렌더링에 빠진 적이 한두번이 아니었기 때문이다. Component Life Cycle (출처: https://ko.reactjs.org/docs/react-component.html) 1. Mount 마운트(Mount) 는 DOM 객체가 생성되고 브라우저에 나타나는 것을 의미한다. 이때 메소드 호출 순서는 아래와 같다. 1) constructor(props) 컴포넌트 클래스의 생성자 함수로 컴포넌트를 만들 때 처음으로 호출되는 함수이다. constructor() 내에서는 setState() 를 호출하면 안된다. this.state 를 이용하여 초기값을.. 2021. 7. 21. 이전 1 다음 728x90 반응형
