whatisthis?

프로젝트를 진행하다가, 모바일 웹에서 input="file"로 이미지를 업로드해서 해당 게시글에 저장되도록 구현해야 하는 기능이 있었다. 물론 아직 세부 컴포넌트로 쪼개는중이라 구현은 못했지만, 대충 맛보기로 html-js 스택으로 저렴하게 구현하는 예제가 있길래 시도해봤다. - 참고 : 워낙 간단한거라 css랑 js는 그냥 인라인으로 해두었다. 🔑 KEYPOINT ! ... newImage.src = URL.createObjectURL(file); URL.createObjectURL() - Web API | MDN URL.createObjectURL() 정적 메서드는 주어진 객체를 가리키는 URL을 DOMString으로 반환합니다. developer.mozilla.org - 객체 URL을 해제하려면 r..

React.js 컴포넌트 - 기존 웹 프레임워크 = MVC 방식 (Model, View, Controller) 정보담당 Model 화면담당 View 구동담당 Controller - 코드관리는 효율적 - 각 요소의 의존성이 높아 재활용 어려움 💡 import 문에서 파일 이름 확장자가 생략된 이유 - create-react-app의 웹팩 module resolution 기능 때문. - 확장자가 파일 이름에 있는 파일 먼저 임포트 - 확장자가 파일 이름에 없는 경우 - extentions에 정의된 확장자 목록을 보고 확인함. - 지정 경로에 없다면 - 같은 이름의 폴더가 있는지 체크 - 같은 이름 폴더가 있다면 index 파일 검사 - 컴포넌트 구성요소 property 상위 -> 하위 컴포넌트로 전달되는 읽..