표 유형 설명 기본 예제 Spec text (en-US) 디폴트 값. 한줄의 텍스트 필드입니다. 새줄 문자는 입력값으로부터 자동으로 제거됩니다. password (en-US) 값이 가려진 한줄 텍스트 필드. 사이트가 안전하지 않으면 사용자에게 경고합니다. email (en-US) 이메일 주소를 편집할 수 있는 필드. 텍스트 입력 필드처럼 보이지만 유효성 검증 매개변수가 존재하며, 브라우저와 장치가 동적 키보드를 지원하는 경우 이메일에 적합한 키보드를 보여줍니다. HTML5 button 기본 행동을 가지지 않으며 value을 레이블로 사용하는 푸시 버튼. file 파일을 지정할 수 있는 컨트롤. accept 특성을 사용하면 허용하는 파일 유형을 지정할 수 있습니다. hidden (en-US) 보이지 않지만..

코드 html > body, html > body .toastui-editor-contents, html > body .ProseMirror, html > body .toastui-editor-md-code, html > body .toastui-editor-md-code-block { font-family: "my-font", sans-serif; text-underline-position: under; } 사용 font-family: "my-font" 자리에 font-family 명을 쓰면 된다. 출처 유튜브 몰입코딩 아카이브

코드 (JQuery, Tailwindcss) 테마 변경 설명 jquery의 attr을 사용해서 html에 할당된 data-theme값을 변경해주고, 새로고침이 되어도 유지가 되도록 localStorage의 get,set item을 사용하여 저장 / 불러오기를 했다. 참고 https://velog.io/@yijaee/%EB%8B%A4%ED%81%AC%EB%AA%A8%EB%93%9C-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0 출처 직접 만들었습니다!

사용법 밑의 코드를 파일로 만들어 import 하여 사용 코드

코드뒤로가기새로고침앞으로 가기

자동으로 줄바꿈이 되지 않는 특수문자 / 띄어쓰기 없는 영단어 강제 줄바꿈 하는 방법word-break: break-all;실제 코드(tailwind) ${reply.body}

다크모드 명시 라이트모드 명시 코드 test

정의 position 속성은 문서 상에 요소를 배치하는 방법을 지정한다. 값 static - 요소를 일반적인 문서 흐름에 따라 배치합니다. top (en-US), right (en-US), bottom (en-US), left (en-US), z-index 속성이 아무런 영향도 주지 않습니다. 기본값입니다. relative - 요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용합니다. 오프셋은 다른 요소에는 영향을 주지 않습니다. 따라서 페이지 레이아웃에서 요소가 차지하는 공간은 static일 때와 같습니다. - z-index의 값이 auto가 아니라면 새로운 쌓임 맥락을 생성합니다. table-*-group, tabl..