[React] 생활코딩

1. 리액트 왜 쓸까? : 사용자 정의 태그 Component로 작성 가독성 재사용성 높아짐 유지보수를 쉽게 할 수 있음 2. 개발환경 종류 https://reactjs.org/ 1) Online Playgrounds 컴퓨터에 세팅할 수 없는 환경이라

1. 컴포넌트 만들기 App.js 실행결과 ` 안에 `태그가 들어가 있음 > ❗ 위에서 짠 코드는 자바스크립트 코드가 아닌 JSX JSX로 코드 작성시 Creat React App이 알아서 자바스크립트 코드로 변환 태그를 열었으면 꼭 닫아야 함 두 개 이상의 태그는

Props: 사용자가 컴포넌트를 사용하는 입장에서 중요State: Props의 값에 따라 내부의 구현에 필요한 데이터, 외부에서 알 필요 없는 정보 은닉위 props의 값들이 하드코딩되어 있는 걸 state로 만들고, state값을 Subject의 props로 전달하는

1. 이벤트 state props 그리고 redner 함수 props, state, event 이 3개가 서로 상호작용하여 애플리케이션의 역동성을 만듦 App.js mode값이 welcome, read에 따라 실행되는 코드가 바뀜 props, state값이 바뀌면

1. mode 변경 `와 ` 컴포넌트 사이에 create, update, delete 버튼 만들기 components 디렉터리 안에 Control.js 파일 생성 Control.js App.js 2. mode 전환 create 클릭 시 `` 컴포넌트로 바꿔보기 원

1.Update Read기능, Create 기능 결합 components 디렉터리에 UpdateContents.js 파일 생성 App.js render()함수 안 코드가 복잡하기 때문에 새로운 함수로 쪼개서 분리시켜보기 UpdateContent 컴포넌트 실행 시 입