react

이미지 슬라이드를 구현 설계styled-components를 사용해야한다

javaScript를 사용할 때에는, 우리가 특정 DOM을 선택해야하는 상황에서 getElementById, querySelector 같은 DOM Selector 함수를 사용해서DOM 을 사용했다리액트 프로젝트에서도 DOM을 직접 선택해야 하는 상황이 있다.예) 특정

react function 컴포넌트 js영역에서 html 엘리먼트를 제어하는 방법이미지 슬라이드에서 인디케이터 원 부분 색칠하는 부분에 활용했음return 구문의 html 영역에서 작성하는 것보다 js 영역에서 다루는 것이코드적으로 깔끔하다circleLit 변수를 이용

일단 FileReader 객체는 File 객체 혹은 Blob 객체를 이용해 파일의 내용을 읽는다.만약 전달 받은 파일을 읽기 성공하면 load EventListener에 등록한 함수가 호출이된다.FileReader.onload읽기 동작이 성공적으로 완료 되었을 때 발생

react 에서 사진 미리보기 기능을 위해 FileReader 객체를 사용하였고 여기서파일을 읽을 때 FileReader.readAsDataURL 를 사용했기 때문에data URL 이 반환되었다그래서 data URL을 공부하고자 URI URL 차이점을 분석했다URIUR