profile
목표는 행복한 베짱이
post-thumbnail

[생활코딩 React] ⑧ 수업을 마치며

🔗 생활코딩 React immutable 불변성 immutable-js 배열과 객체의 대체재 모든 연산이 원본이 복제된 결과 리턴 router 페이지 전환을 할 때마다 네트워크 로딩을 하지 않는 장점이 있지만, url로 페이지를 찾아올 수 없다는 단점 react router url에 따라 컴포넌트가 실행될 수 있도록 도와줌 create-re...

2019년 11월 20일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ⑦ Update & Delete 기능 구현

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

2019년 11월 19일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ⑥ Create 기능 구현

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

2019년 11월 17일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ⑤ 이벤트

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

2019년 11월 16일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ④ state

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

2019년 11월 16일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ③ 컴포넌트 제작

🔗생활코딩 React

2019년 11월 3일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ② 개발 환경

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

2019년 11월 3일
·
0개의 댓글
post-thumbnail

[생활코딩 React] ① 수업 소개

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

2019년 11월 3일
·
0개의 댓글