코딩이야기45 [React기초] - State 2023. 4. 19. [React기초] - props 2023. 4. 19. [JavaScript] - 그림판 만들기 완성! 지금까지 한 기능들을 종합해서 이쁘게 css로 꾸며줍니다. 완성! 2022. 7. 25. [JavaScript] - 그림판 만들기 ⑤ (이미지 불러오기) html에 input을 만들고 type을 file로 설정합니다. 동영상이나 다른 파일이 들어오지 못하게 accept 속성을 이용합니다. JS에 변수 선언을 하고 change 이벤트를 만들어 줍니다. 1 2 3 const fileInput = document.querySelector("#file"); fileInput.addEventListener("change", fileChange); cs change이벤트 함수에 console.dir(event.target);을 해보면 사용자가 선택한 이미지 파일이 브라우저에 들어가 있는 것을 확인할 수 있습니다. FileList에서 첫번째 파일을 변수로 선언합니다. (여러 개를 넣을 수 있는 multiple 속성을 input에 추가하면 여러 개를 업로드할 수도 있습.. 2022. 7. 25. 이전 1 ··· 3 4 5 6 7 8 9 ··· 12 다음
