엄지월드

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) 위치 정보를 입력한 후에 조회해 주세요.

Block vs Inline Block - 기본적으로 블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다. - 브라우저는 보통 블록 레벨 요소의 앞과 뒤를 개행해서 그립니다. 상자를 쌓는 것 처럼 생각할 수 있습니다. - 블록 레벨 요소는 언제나 새로운 줄에서 시작하고, 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비를 차지합니다. - Ex) div, h1, p Inline - 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다. - Ex) strong, span, img, a 시맨틱 마크업 1. 검색 엔진 최적화 2. 접근성 3. 유지보수 - 시맨틱 HTML은 주어진 목적을 위해 요소를 사용하기 때문에 사람과 기계가 읽고 이해하기가 더 쉽습니다...