엄지월드

모집글 진입 시 아래와 같이 간헐적으로 boardDetail 데이터가 나오지 않는 현상이 있었음. response 데이터는 정상적으로 오고 있었음.디버깅 확인 시 화면이 여러 번 렌더링 되는것을 확인함.그래서 아래와 같이 조치를 취해서 해결됨.1. 렌더링 점검2. boardDetail이 변경 되면 다시 렌더링 되도록 수정 여러번 상세 페이지 진입하여 테스트 시 데이터가 잘 나오는 것을 확인함.

Warning: Each child in a list should have a unique "key" prop. 에러가 나는 경우 index 값은 마땅히 없을 때에 순수 javascript로 uuid를 만들어서 추가할 수 있다.  ...return ({item.coNm})function generateUUID() { // UUID v4 생성 return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) { const r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8); return v.toString(16); });}

JSX javscript로 변환된다. html 이랑 비슷하지만, 지켜야 할 규칙이 몇가지 있다. 꼭 닫혀있는 태그 태그를 열었으면, 를 통하여 태그를 닫아줘야 합니다. 를 로 닫아야 한다. 감싸져 있는 엘리먼트 두개 이상의 엘리먼트는 무조건 하나의 엘리먼트로 감싸져 있어야 합니다. import React, { Component } from 'react'; class App extends Component { render() { return ( 안녕하세요 리액트 ); } } export default App; import React, { Component } from 'react'; class App extends Component { render() { return ( 안녕하세요 리액트 안녕하세요 리액트..

Uncaught Error: useRoutes() may be used only in the context of a component. App.js에서 Routes를 설정해주었는데, 위에 에러가 발생하였다. import { Route, Routes } from 'react-router-dom'; import './App.css'; import Board from './Board'; function App() { return ( // ); } export default App; 해결 방법은 index.js에 을 추가해주면 된다. import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; import App..