YYYEJI

react-dom.development.js:86 Warning: validateDOMNesting(...): cannot appear as a descendant of 에러는 tag를 감싸는 tag가 tag 일 때 발생하는 tag입니다. 감싸는 tag를 찾아서 로 바꿔주면 해결됩니다. ◡̈

event.target.value가 무엇인지 알아보기 위해 아래 코드를 살펴보겠습니다. tag에 onChange 이벤트를 설정해줍니다. const onChange1 = (event) => { console.log(event); }; input tag도 만들어줍니다. input에 입력 값이 들어오면 onChange1가 실행되면서 event 객체를 반환합니다. event 객체는 아래와 같이 생겼습니다. 콘솔(console)에 event.target을 출력하면 event 객체의 target만 불러와서 출력해 줍니다. const onChange1 = (event) => { console.log(event.target); }; 콘솔(console)에 event.target.value를 출력하면 event 객체의 ..

HTML 은 웹페이지를 위한 표준 마크업 언어입니다. 간단한 구조는 아래와 같이 생겼습니다. 디자인은 tag를 사용하고, 다이나믹한 웹페이지를 만들기 위해서는 웹페이지 타이틀을 바꾸기 위해서는 tag 안에 있는 value를 바꿔줍니다. 자주 사용되는 Tag들을 더 정리해 보겠습니다. ① tag - 문단 구분 tag 에서 font를 바꿔줄 수 있습니다. Block 성질이 있어서 자동으로 줄바꿈을 시켜줍니다. ⍢ ② tag - 레이아웃을 나누고 그룹핑 Left side Right side ③ tag - 텍스트를 꾸미기 위한 용도 hi ④ tag - 다른 웹사이트로 이동 naver ⚠️ 알 아 두 기 ⚠️ html의 특정 요소에만 다른 효과를 주고 싶을 때, 해당 요소에 클래스명 또는 아이디값을 할당하여 처리..