React로 Todo앱 만들기

정처기 필기 시험이 끝났다\~~리액트로 하고싶은 프로젝트가 있는데 리액트 안한지도 오래되었고 사실 그때 제대로 알면서 했던 것도 아니어서 이번에 한번 다시 공부하고 프로젝트 하고 싶어서 인프런 강의를 다시 듣게 되었다.이름 수정되면 안되는 파일public/index.h

웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현사실 템플릿은 한개!HTML5의 History API를 사용하여 현재 페이지 내에서 화면 이동이 일어난 것처럼 작동하게 해줌React-Router-Dom사용History APIhistory.b

클래스 없이 state를 사용할 수 있는 기능class component에서 사용되어온 react에서 느껴지는 불편함이나 문제점들을 해결하기 위해 개발원래 리액트는 주로 class component를 사용했었음.간결하고 빠르게 사용할 수 있는 함수형 컴포넌트는 생명주기

export default class AppClass extends Component → export default function App() class형 컴포넌트에서는 render함수 안에 return/ 함수형 컴포넌트에서는 render() 없이 바로 returnre

html안에서 css스타일을 만들 수 있게 해주는 CSS프레임워크css프레임워크란 ?레이아웃 및 여러 컴포넌트 구성, 브라우저 호환성을 보장하는데 소요되는 시간을 최소화하기 위해 여러 웹 개발/디자인 프로젝트에 적용할 수 있는 css파일 모음빠르게 애플리케이션 스타일링

HTML 드래그 앤 드롭 API - Web API | MDNHTML 드래그 앤 드롭 API를 사용하여 원하는 목록을 드래그 가능하게 만든다사용자가 드래그 할 때 적절한 애니메이션을 준다사용자가 드래그를 멈췄는지 확인. 여기에도 애니메이션클라이언트가 목록을 재정렬 한 경