Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- property
- 코딩일기
- frontend
- row-gap
- column-gap
- 코딩테스트
- Pseudo
- DOM
- tailwindcss
- 코딩문제
- display
- Coda
- CSS
- HTML
- regexp
- 친해지기
- 코드다이어리
- sass
- Grid
- 코드일기
- 정규식표현
- scss
- 코딩퀴즈
- JavaScript
- 가상클래스
- CLASS
- js
- vscode
- 선택자
Archives
- Today
- Total
목록2024/08 (2)
< Code diaries />
HTML Node list를 Array로 converting 하기
NodeList와 HTML Collection은 유사배열객체라서 배열의 모든 메소드를 사용할 수는 없다. NodeList우리가 document.querySelectorAll()로 HTML elements를 가져오면 Nodelist로 들어온다. apple mango blueberry HTML Collectionchildren 속성으로 가져온 것은 유사배열객체이다. A B Cconst ul = document.querySelector('ul')const lis = ul.children;console.log(lis)// HTMLCollection(3) [ li, li, li ]
Javascript-DOM/02 - DOM 다루기
2024. 8. 8. 08:56
Sass에서의 계산식 정리
1. 일반적인 수학식으로 계산하기 가능- percentage로 변환하기$size : 100 * 1% // 100%- 일반적인 계산$size : 100 - 3 * 5 // 90- pixel 계산$size : 100 * 2px // 200px 2. 같은단위의 계산식A. 단위가 같더라도 sass 에서는 곱하기 '*' 와 나누기 '/' 연산은 되지 않는다.$size : 100px * 3px- 위와같은 경우 숫자를 먼저 계산후 단위를 문자열로 이어붙인다.- 결과값 : 300px*px$size : 100px / 3- 에러 B. 더하기 '+' 와 빼기 '-'는 정상으로 연산이 가능하다.$size : 100px - 20px- 결과값 : 80px$size : 100px + 20px- 결과값 : 120px 3. ..
SCSS
2024. 8. 6. 10:48