개발새발 로그

✨DragDropContext 드래그 앤 드롭을 가능하게 허용할 부분을 감싸주는 태그 onDragEnd : 드래그를 끝낸 시점에 호출되는 함수 (필수 속성)onDragStart : 드래그가 시작할 때 호출onDragUpdate: 드래그가 시작할 때 & 요소 간의 순서가 바뀔 때 호출✨Droppable드롭이 가능한 부분을 감싸주는 태그 droppableId : 구분자 (필수 속성)children은 반드시 함수여야 함 (JSX 태그X) -> 따라서 함수로 JSX 태그를 리턴하는 형식을 자식에 넣어주어야 한다 Droppable이 내부 함수에 전달해주는 인자 : provided내부 JSX 태그에 ref={provided.innerRef} {...provided.droppableProps} 속성을 부여해줘야 한..

CRA란?CRA란 리액트 프로젝트를 쉽게 만들 수 있도록 모듈 혹은 설정을 포함하는 보일러 플레이트입니다.CRA를 통해 react를 설치하면 on build dependency를 가집니다.React 프로젝트를 구성할 때 필요한 Webpack, Babel의 연결에 관해서 신경쓰지 않아도 됩니다. Babel이란?Babel이란 자바스크립트 컴파일러입니다. React에서 사용하는 JSX 문법을 자바스크립트로 변환해주고,최신 문법의 JS를 낮은 버전의 JS로 변환해주는 역할도 합니다.또한 타입스크립트도 변환해줍니다. CRA대신 Webpack을 사용하는 이유개발해야하는 서비스의 규모가 커지거나 컴포넌트들의 양이 많아질수록 리액트 개발환경에 추가적인 설정을 해야하는 경우가 생깁니다.이 때 리액트의 구조나 Webpac..