개발하는 인사담당자 개발하는 인사담당자

■ React 란? : 리액트란 Facebook 에서 만든 JavaScript 사용자 인터페이스(UI) 라이브러리이다. ■ React 를 사용하는 이유 그렇다면 기존 웹개발에서 왜 React 가 주목을 받고 있을까? 1. 화면 전환의 부드러움 (SPA + Virtual DOM) 현재 토스, 인스타크램, Naver Vibe(Vue) 사이트를 들어가면 화면 전환이 부드럽게 진행된다. 이는 React 나 Vue 와 같이 SPA 의 특징이다. SPA 는 최초 생성된 DOM (Document Object Model) 을 유지하면서 변경 사항만 업데이트를 한다. 여기서 이를 도와주는 것이 바로 Virtual DOM 이다. Virtual DOM 은 실제 DOM 의 복제본(자바스크립트 객체로 표현된 DOM)으로, 웹 ..

■ create 구현하기 delete 는 버튼 클릭 시 삭제되도록 할 때 링크 사용 시 문제 될 수 있다. 따라서 delete 는 페이지 개념이 아니라 버튼같은 operation(동작) 개념으로 사용하는게 낫다. 사용을 위해 Control.js 를 별도로 만들고 App.js import 한다. 이벤트를 실행했을 때 실행되어야 하는 함수를 핸들러라고 부른다. Control.js 에 onClick 함수를 넣어준다. 함수 안에서 onChangeMode() 함수를 실행시키고 인수로 'create' 값을 전달해준다. 전달받은 값을 _mode 로 이름짓고 이를 setState 를 통해 mode 의 값을 변경해준다. create 클릭 시 모드가 create 로 변경된 것을 확인 가능하다. 이제 각 create, up..