ReactVirtual DOM : 브라우저에 실제로 보여지는 DOM이 아니라 메모리 상에만 존재하는 가상의 DOM,그냥 자바스크립트 객체이기 때문에 작동 속도가 실제 DOM 보다 훨씬 빠르다.React는 상태(state)가 업데이트 되면 Virtual DOM에 먼저 렌더링한 후,실제 DOM과 비교해 차이가 있는 부분만 부분적으로 패치한다.EnvironmentWebpack : 컴포넌트별로 분리해 작성한 여러 개의 파일을 하나로 합쳐주는 역할Bable : JSX 등 최신 JS 문법을 사용하기 위해 (최신 JS 문법을 기존 문법으로 변환해주는 트랜스파일러. 브라우저에서 아직 지원하지 않거나 일부 브라우저만 지원하는 문법을 사용가능하게 함. )Component     : 재사용 가능한 UI 조각.작성할 땐 Re..

사용자가 할 일을 추가하고, 수정하고, 삭제할 수 있도록 설계   Project Codehttps://github.com/DoSeon-Lee/ToDoList GitHub - DoSeon-Lee/ToDoListContribute to DoSeon-Lee/ToDoList development by creating an account on GitHub.github.com  주요 구성 요소 & 기능 분석 1. CSS StyleButton (.button): button의 기본 style을 정의하고, hover 시 색상이 변경됩니다. button 내부에 두 개의 수직 막대를 나타내는 span 요소가 추가되어 있습니다.입력 field (.input): 입력 field의 기본 style을 설정하고, focus 시 o..