목록전체 글 (73)

< Code diaries />

[ HTML ] Emmet 문법 정리

궁모닝 에브리원~!! ^^     오늘은 HTML을 마크업할때 VS code에서 사용하는Emmet 문법을 정리해 볼게요  Emmet  HTML 마크업을 조금 손쉽게 해줄 수있는 기능이며 알게모르게 우리가 쓰고있는 것도 있어요.방법 몇가지를 소개 해 봅니다. 맨 하단에 Emmet 단축키를 정리해놓은 사이트를 링크 걸어 두었어요~! 1. VS Code에서 설정하기Emmet 기능이 적용되지 않는다면, 아래의 화면에서 확인한다. - cmd + shift + p 눌러서 emmet을 검색한다.- 첫번째 나오는 Emmet:Balance(inward)을 선택한다.- 사용시 주의할 점은 띄어쓰기를 하지 않는다.- 단축키를 띄어쓰기없이 입력후 Tab키를 눌러 실행한다.   2. 다양한 사용방법을 알아보자. css 선택자..
Html 2024. 7. 26. 06:55
Hash

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
Resources 2024. 6. 24. 19:47
Tailwindcss - sites

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
Resources 2024. 6. 15. 20:26
Node.js에서 tailwind 설치 및 사용하기

아래의 순서대로 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..
Resources 2024. 6. 14. 12:56
정규표현식(RegExp) 연습 사이트

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 ..
Resources 2024. 6. 12. 12:23
HTMX - Installing & usage

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..
HTMX 2024. 6. 11. 17:52
이전 Prev 1 2 3 4 5 6 ··· 13 Next 다음