내가 보려고 만든 개발 공부 일지

react-icons 는 리엑트에서 제공하는 아이콘 라이브러리다. 간편하게 아이콘을 사용할 수 있다. cmd로 프로젝트 경로에서 설치한 후 사용하고픈 아이콘 경로를 import 해서 사용하면된다. 참고 https://react-icons.github.io/react-icons

target : 이벤트가 생성된 위치의 element currentTarget : 생성된 이벤트가 퍼지면서 발생된 현재위치의 element ex) [요기] 에서 [요기] 를 클릭하면 function test( e ) { } 에서 e.target == e.currentTarget == 가 된다.

모듈 방식이 아닌 일반적인 레거시 코드들을 보면 html 시작페이지 에서 페이지가 로드되고 처음 시작하는 함수를 지정할때 이런식으로 onload 이벤트를 걸어서쓰고 선언된 script 태그 순서에맞게(링크되있는 스크립트들은 차례대로 로딩된다) 로직을 작성한다. 그런데 ES6 에서 import / export 를 사용할 수 있게 되면서 스크립트를 모듈로써 불러와 변수에 담아서 쓸수 있게되었다. 모듈방식 script는 type="module" 속성으로 불러와서 사용할 수 있다. 그럼 이제 onload 에서 시작하는방식 말고 위의 모듈 방식으로 시작을 하려면 먼저 시작 js 를 만들자 --> index.js 그리고 index.js 안에서 사용할 모듈들을 import 하고 가장 처음 시작할 함수를 호출한다. E..