sm 기술 블로그

이 의미는 자바스크립트를 사용하겠다는 뜻을 가지고 있다.

meta 브라우저와 검색 엔진을 사용할 수 있도록 웹 문서의 정보를 포함하고 있다.​ - 메타 태그 속성 1. http-equiv content 속성에 명시된 값에 대한 HTTP 헤더를 제공 (1) - content-type : 해당 문서의 문자 인코딩 방식을 명시함. - default-type : 우선적으로 적용할 스타일시트를 명시함. - refresh : 해당 문서를 새로고침(refresh)할 시간 간격을 명시함. 2. content name 속성과 http-equiv와 연관된 값을 줌. 3. name 몇 개의 meta 정보의 이름을 정할 수 있으며 지정하지 않으면 http-equiv 와 같은 기능 - 메타 태그 종류 https://inpa.tistory.com/entry/HTML-%F0%9F%93%..

문제발생 리액트는 input 태그에서 onchage를 하면 키보드가 입력될때마다 인식한다. 하지만 html의 경우에는 값을 작성하고, 마우스로 다른곳을 클릭했을때 인식한다. 그러면 html은 값이 바뀔때마다 바로 인식하는 이벤트가 없을까 하고 고민하다가 onInput이란것을 알게 되었다. 사용법 이게 끝이다. 이러면 키보드 하나하나를 인식한다. 다음은 예제를 보자. 예제 input에 값이 변경될때마다 콘솔과 div에 찍힌다. 코드펜에서 테스트를 해보자. See the Pen Untitled by 소망 (@denist2322) on CodePen.

다음과 같이 사용하면 모달창을 만들 수 있다. 예를 들어 https://tailwindcomponents.com/component/modal-10 Modal | Modals 'Modal' tailwindcomponents.com 위 사이트에서 제공하는 모달을 가져와 프레임 워크안에 넣는다 해보자. 대화내용을 삭제하시겠습니까? 확인 취소 다음과 같이 작성이 가능하고 결과는 아래와 같다.