생활코딩 React

🔗 생활코딩 React 1. 선수 개념 JavaScript 객체 지향 개념 2. React를 사용하는 이유 가독성 재사용성 유지보수

🔗 생활코딩 React 1. 공부 전략 Coding : 개발 환경 설정 및 코드 작성 Run : 작성된 코드를 실행하여 결과 확인 Deploy : 소비자에게 전달 2. 개발환경의 종류 🔗 React 공식 홈페이지 1) 온라인 플레이그라운드 웹에서 바로 코

🔗생활코딩 React

🔗 생활코딩 React 1. State 소개 - props - 사용자가 컴포넌트를 사용하는 입장에서 중요 - 컴포넌트의 동작을 바꾸고 싶을 때 제공하는 문법적인 정보 - state - props의 값에 따라 내부 구현에 필요한 값 👉 state는 다양한

🔗 생활코딩 React 1. 이벤트, state, props 그리고 render 함수 이벤트, state, props가 상호작용하면서 애플리케이션에 역동성 부여 props나 state가 수정되면 해당되는 컴포넌트의 render 함수가 재호출됨 👉 화면이 다시 그려

🔗 생활코딩 React 1. 베이스 캠프 props read-only 컴포넌트 안에서 변경 불가 이벤트를 통해 변경 가능 state 비동기식 setState()로 변경 가능 2. create 구현 1) 소개 CRUD(Create Read

🔗 생활코딩 React 1. update 구현 CreateContent.js를 복사해서 UpdateContent.js 생성 Content 생성하는 부분을 getContent() 함수로 분리 제목, 내용 가져오는 부분을 getReadContent() 함수로 분리 1

🔗 생활코딩 React immutable 불변성 immutable-js 배열과 객체의 대체재 모든 연산이 원본이 복제된 결과 리턴 router 페이지 전환을 할 때마다 네트워크 로딩을 하지 않는 장점이 있지만, url로 페이지를 찾아올 수 없다는 단점 re