일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- Coda
- frontend
- vscode
- 선택자
- Pseudo
- 코드일기
- column-gap
- property
- js
- CSS
- 친해지기
- CLASS
- 코딩문제
- row-gap
- 코딩테스트
- 가상클래스
- HTML
- 정규식표현
- DOM
- regexp
- 코딩일기
- 코드다이어리
- display
- Grid
- scss
- JavaScript
- 코딩퀴즈
- sass
- tailwindcss
- Today
- Total
목록2024/06 (47)
< Code diaries />
Hash 테스트 사이트 https://emn178.github.io/online-tools/sha256.html SHA256This SHA256 online tool helps you calculate hash from string or binary. You can input UTF-8, UTF-16, Hex to SHA256. It also supports HMAC.emn178.github.io
https://tailwindcomponents.com/ Tailwind CSS Components - 600+ Free Examples and TemplatesA free repository of open source Tailwind CSS components and templates to bootstrap your new apps, projects or landing sites!tailwindcomponents.com https://tailwindcomponents.com/cheatsheet/ Tailwind CSS Cheat Sheet tailwindcomponents.com
아래의 순서대로 3가지를 모두 설치한다.package.json에서 버전확인npm i -D tailwindcss@latestnpm i -D postcss@latestnpm i -D autoprefixer@10.4.5 tailwind.config.js 파일 생성하기npx tailwindcss init 참고영상https://www.youtube.com/watch?v=YTwOhrVbf-c autoprefixer 설치에러 정리https://xpectation.tistory.com/224 [CSS] 'autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.' 해결방au..
https://www.regexpal.com/ Regex Tester - Javascript, PCRE, PHPRegexPal requires a modern browser. Please update your browser to the latest version and try again.www.regexpal.com https://regexr.com/ RegExr: Learn, Build, & Test RegExRegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).regexr.com https://regexone.com/ RegexOne - Learn Regular Expressions - Lesson ..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/bbDzo2/btsHUqwnd5q/LMsPDJw2aNKacXGi1vNXs0/img.png)
https://htmx.org/ htmx - high power tools for html" data-og-description="" data-og-host="htmx.org" data-og-source-url="https://htmx.org/" data-og-url="https://htmx.org/" data-og-image="https://scrap.kakaocdn.net/dn/fcg3U/hyWg1CkL02/F7N8m8nkkrk21MyDImFCP0/img.png?width=293&height=400&face=0_0_293_400,https://scrap.kakaocdn.net/dn/nOn4P/hyWlj88Krv/Xn9g5tjvOK2Irex9f5rku0/img.png?width=323&height=33..
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/dTZ7DD/btsHVyGh3gc/XHfWkAzy2quWkFSX4SiI00/img.png)
https://transfonter.org/ Online @font-face generatorThe @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on theirtransfonter.org