개요디자인적으로 안 좋을 것 같지만... 태그에 hover시 테두리가 무지개색으로 빛났으면 좋겠다는 생각이 들었다.코드/* 무지개 효과 */div:hover{ animation-duration: 5s; animation-name: rainbowLink; animation-iteration-count: infinite;}@keyframes rainbowLink { 0% { border-color: #ff2a2a55; } 15% { border-color: #ff7a2a55; } 30% { border-color: #ffc52a55; } 45% { border-color: #43ff2a55; } 60% { border-color: #2a89ff55; } 75% { border-color: ..

코드 게시판 공지 게시판 자유 게시판 사용 시 참고 https://goodsgoods.tistory.com/249

표 유형 설명 기본 예제 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 하여 사용 코드

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