TIL.2021-03-09

Dev.Jo·2021년 3월 9일
1

Today I Learn

목록 보기
1/5
post-thumbnail

1. CSS root 선택자

https://developer.mozilla.org/ko/docs/Web/CSS/:root

:root

HTML의 루트요소인 <html> 태그를 선택한다. <html>와 똑같다고 생각하면 된다.

전역 CSS 변수를 선언할 때 사용된다.

:root {
--main-color: hotpink;
--pane-padding: 5px 42px;
}

2. Intersection Observer API

yeu.kr의 문제 스크롤 내리던 중 특정 엘리먼트의 등장을 감지해보자를 풀면서 알게되었음

Todo) 예제 하나 만들어서 블로그 포스트하기

참고자료)
https://heropy.blog/2019/10/27/intersection-observer/
http://blog.hyeyoonjung.com/2019/01/09/intersectionobserver-tutorial/
https://developer.mozilla.org/ko/docs/Web/API/Intersection_Observer_API

3. 정규표현식

Q) 대문자로 시작하는 문자열인지 확인

A)

/^[A-Z]/

^ : 문장의 시작
[A-Z] 대문자
인 문자열을 매칭해준다

profile
소프트웨어 엔지니어, 프론트엔드 개발자

0개의 댓글

관련 채용 정보