이것 저것 저장소 | Notion

벨로퍼트 styled-conponents https://react.vlpt.us/styling/03-styled-components.html
리액트 아이콘 라이브러리

3. styled-components props 저장소

이벤트 버블링에 의한 원치 않는 함수 실행을 막는 메서드 ★★★★★

(참고자료)

https://developer.mozilla.org/ko/docs/Web/API/Event/stopPropagation

https://ko.javascript.info/bubbling-and-capturing

같이 보면 좋은 거 ( e.preventDefault() )

https://developer.mozilla.org/ko/docs/Web/API/Event/preventDefault

event.stopPropagation();

//ex) 아래 처럼 사용하면 button에는 body의 onclick 이벤트를 실행하지 않는다.
<body onclick="alert(`버블링은 여기까지 도달하지 못합니다.`)">
  <button onclick="event.stopPropagation()">클릭해 주세요.</button>
</body>

slick 라이브러리 styled - components 스타일 방법 ★★★★★

https://intrepidgeeks.com/tutorial/react-customizing-reactslick-library-styledcomponents
img태그에 동영상 넣을때,
```
process.env.PUBLIC_URL
```

커스텀 훅 만들기 ★★★ 클린코딩

React → Library(Package) → Component → 변수 / 이미지 → css 파일(scss 파일)
git log 그래프로 보기

git log --decorate --all --oneline --graph