[React/실습] 투두리스트 제작 #1

Notice

Recent Posts

Recent Comments

Tags more

Archives

관리 메뉴

차곡차곡

Web programming/React

sohy 2022. 7. 5. 11:39

<main> : <body> 요소의 주 콘텐츠(main content)를 정의할 때 사용
css 처음 보는 거 짱 많음
- background VS background-color : background-color는 색깔만 지정할 수 있는 반면에 background는 색깔 이외에 image, repeat, attachment, position 등 다른 옵션들도 지정해줄 수 있다.
- rgba : red, green, blue, alpha(= 투명도로 0에 가까울 수록 투명)
- em 단위 : 상위 요소 크기의 배수
- rem 단위 : 문서의 최상위 요소, 즉 html 요소 크기의 배수
- cursor : 마우스 커서 모양 지정
- transition : CSS 프로퍼티의 값이 변화할 때 프로퍼티 값의 변화가 일정 시간(duration)에 걸쳐 일어나도록 한다.
- word-break : 줄바꿈 할 때 단어 기준으로 할지, 글자 기준으로 할지 정하는 속성
  1. normal : CJK 문자는 글자 기준으로, CJK 이외의 문자는 단어 기준으로 줄바꿈
  2. break-all : 글자 기준으로 줄바꿈
  3. keep-all : 단어 기준으로 줄바꿈
  4. initial : 기본값으로 설정
  5. inherit : 부모 요소의 속성값 상속
e.stopPropagation() : 버튼을 클릭했을 때 이벤트가 버튼을 감싸고 있는 부모 태그들까지 전달되지 않도록 한다. 즉 이벤트의 '확산'을 멈춰준다.

event.stopPropagation(), event.preventDefault () 이해하기

event.stopPropagation(), event.preventDefault () 이해하기 event.stopPropagation() 을 이해하기 위해서는 우선 HTML 상에서 사용자 이벤트가 어떻게 전달되는지 이해해야 합니다. 웹에서의 클릭이벤트 전파 p..

ismydream.tistory.com

'Web programming/React' Related Articles

Comments