FE

3장 컴포넌트컴포넌트 기능은 단순한 템플릿 이상데이터 O -> 이에 맞춰 UI 만듦라이프사이클 API 이용 -> 컴포넌트가 화면에서 나타날 때, 사라질 때, 변화가 일어날 때 주어진 작업 처임의 메서드 만들어 특별한 기능 붙이기1. 컴포넌트클래스형 컴포넌트state 기능 및 라이프사이클 기능 사용 O임의 메서드 정의render 함수 필요 + JSX 반환// App.jsimport React, { Component } from 'react';class App extends Component { render() const name="react"; return {name} }}export default App;함수 컴포넌트(+) 선언하기 편함메모리 자원 사용 ↓플젝 완성하여 빌드 후 배포 ->..

1장 리액트 시작1. 왜 리액트인가?모델(Model): 애플리케이션에서 사용하는 데이터를 관리하는 부분뷰(View): 사용자에게 보이는 부분MVC(Model-View-Controller), MVVM(Model-View-View Model), MVM(Model-View-Whatever) 아키텍처 등의 공통점 사용자) 작업(ex. 버튼 클릭, 텍스트 입력)-> 프로그램-컨트롤러) 모델 데이터 조회, 수정/ 변경된 사항 -> 뷰에 반영 = 뷰를 변형(mutate) => 페이스북: 데이터가 변할 때마다 어떤 변화 줄지 X 기존 뷰 날리고 처음부터 새로 렌더링 O-> 애플리케이션 구조 간단하고, 작성해야 할 코드 양 ↓: 뷰가 어떻게 생길지 선언, 데이터 변화 -> 기존의 것 버리고 정해진 규칙에 따라 새로 렌더..