엄지월드

모집글 진입 시 아래와 같이 간헐적으로 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..

[문제] CK Editor5를 적용해서 글쓰기는 성공했지만, 수정 시에 document.getElementById("editor").value;로 값을 읽어오지 못하는 현상이 있었다. 그래서 CK Editor Document를 확인해보니 다른 방법으로 처리하고 있었다. [해결 방법] 에디터가 생성되기 전에 let editor로 선언한 후에 then 흐름을 통해 let editor에 newEditor 객체를 집어넣는다. 그 후에 submit 이벤트가 발생했을 때에 editor.getDat()로 읽어오면 수정한 데이터를 읽어올 수 있다. let editor; ClassicEditor .create( document.querySelector( '#editor' ) ) .then( newEditor => { e..

.button { background-color: #4CAF50; /* Green */ border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; }

네이버에디터 적용 후 저장 시, 해당 에러가 나타난다면 required 속성을 빼주면 된다.

$('tbody tr').eq(1).remove(); 거리(Km) 위치 정보를 입력한 후에 조회해 주세요.