엄지월드

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..

document.querySelector("#updatePwd").onclick = (event) => { let query = 'input[name="basketList"]:checked'; let selectedEls = document.querySelectorAll(query); let result = ''; selectedEls.forEach((el) => { result += el.getAttribute("data-id")+","; }); } console.log(result);

[문제] 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 속성을 빼주면 된다.

#loading { width: 100vw; height: 40vw; top: 0; left: 0; position: fixed; display: block; opacity: 0.7; background-color: #fff; z-index: 99; text-align: center; } #loading-image { position: absolute; z-index: 100; width:80vw; height: 40vw; margin-left:-40vw; }..

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

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

태그 사이에 아래 CDN 태그를 삽입해주면 bootstrap css 사용이 가능하다. 전체 코드 예시 # First Last Handle 1 Mark Otto @mdo 2 Jacob Thornton @fat 3 Larry the Bird @twitter 최신 버전의 bootstrap cdn 을 사용하고 싶으면 아래 링크에 들어가서 [Copy] 아이콘을 클릭하여 붙여넣기 후에 사용하면 된다. - https://getbootstrap.com/