매일매일
[TIL] 23.10.12
TIL 2023. 10. 13. 23:50

video태그 // 소스 2개이상 // 소스 한개 태그 안의 순서대로 우선순위로 보여준다 src: 여러개면 태그로, 한 개면 그냥 속성으로 autoplay: 자동재생 controls: 비디오 제어 컨트롤 제공 loop: 반복 재생 muted: 음소거 설정 webkit-mask-image .camera .stage video { position: absolute; top: 36px; left: 76px; /* 비디오 기울어짐 표현을 위해 가려지는 부분적용 호환성을 위해 webkit도 작성 */ -webkit-mask-image: url('../images/camera_video_mask.png'); mask-image: url('../images/camera_video_mask.png..

정규식
TIL 2023. 3. 30. 02:09

^: 앞에 올 글자 지정 [ ] : [] 안의 글자 중 하나 d: 숫자 {n}: 글자수 n개 | : or (?: ) : 그룹화 `/^3[89]\d{12}$/` : 항상 38이나 39로 시작을하고, 14 자리 숫자 `/^3[47]\d{13}$/` : 항상 34 나 37로 시작하고, 15 자리 숫자 `/^4(?:\d{12}|\d{15}|\d{18})$/` : 항상 4로 시작하고 13, 16, 혹은 19자리의 숫자 `/^5[1-5]\d{14}$/` : 항상 51, 52, 53, 54, 혹은 55로 시작하고 16자리의 숫자 `/^65|^6011|^64[4-9]/`: 항상 6011, 65, 644에서 649까지로 시작하는 숫자

티스토리 인라인 코드블럭 설정하기
TIL 2023. 3. 30. 00:18

velog에서는 백틱 사이에 넣으면 되었는데 티스토리는 기본모드에서 인라인 코드블럭 사용하기 번거롭다. 그래서 # 사이에 들어가면 인라인 코드블록 설정 되도록 설정했다. html 편집에서 `` 태그 사이에 아래 코드 입력해주기 `` 위에 _을 `으로 변경해서 입력해주기 다른 문자를 단축키로 쓰고 싶으면 _를 사용하고 싶은 문자로 변경해주면 된다. 참고) https://starrykss.tistory.com/2116 추가 리스트나 인용 안에서 적용이 되지 않아서 다른 블로그 찾아봐도 방법 모르겠어서 그냥 CSS 파일 뒤져서 찾았다.. ㅜ .area_view p code { padding:2px 5px; border-radius:3px; background:#efefef; margin:0 2px; borde..

티스토리 코드블럭 테마 변경하기
TIL 2023. 3. 30. 00:03

1. https://highlightjs.org/static/demo/ 에서 마음에 드는 테마 이름 기억해두기 highlight.js demo highlightjs.org 2. 플러그인으로 코드 문법 강조 설정되어 있으면 해지하기 3. 스킨 편집에서 html 편집하기 ## 앞에 아래 코드 입력해주기 ###의 href 마지막 부분에 변경하고 싶은 테마 이름 입력해주기 예를 들어 tokyo-night-dark 테마를 사용하고 싶으면 ## 참고) https://habitus92.tistory.com/9