일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 코드다이어리
- regexp
- Pseudo
- tailwindcss
- 코딩문제
- display
- scss
- row-gap
- frontend
- Coda
- JavaScript
- sass
- 코딩일기
- Grid
- 가상클래스
- 코드일기
- 정규식표현
- 선택자
- column-gap
- 친해지기
- property
- vscode
- CSS
- HTML
- DOM
- 코딩퀴즈
- CLASS
- 코딩테스트
- js
- Today
- Total
목록2025/03/02 (2)
< Code diaries />
🚀 PascalCase vs camelCase 차이점 정리✅ 둘 다 여러 단어를 이어 붙여 네이밍할 때 사용하는 방식이지만, 첫 글자의 대소문자가 다름✅ 사용되는 곳이 다름 (클래스 vs 변수, 함수 등) ✅ PascalCase란?✅ 각 단어의 첫 글자를 대문자로 시작하는 표기법✅ 공백 없이 모든 단어를 연결✅ 주로 클래스(Class), 생성자 함수(Constructor), 타입(Type)에서 사용됨 class Person {} // ✅ 클래스 이름function Animal() {} // ✅ 생성자 함수type UserData = {} // ✅ TypeScript 타입 ✅ camelCase란?✅ 첫 단어는 소문자로 시작하고, 이후 단어의 첫 글자만 대문자로 작성✅ 일반적인 변수, ..

오늘 HTML 소스에서 data-* 속성을 적는다.text CSS에서 attr() 을 이용하여 불러들일 수 있다.attr()은 content에서만 사용할 수 있으며, 동적으로 요소의 속성 값을 가져올 수 있음.h1::after { content: attr(data-title); color: red; font-size: 16px;}// 결과 helloh1::before { content: "Prefix - " attr(data-title); font-weight: bold; color: blue;}// 결과 "Prefix - hello"h1::after { content: " (" attr(data-title) ")"; font-size: 14px; color: gray;}// 결과 (..