꼭 알아둬야할것

props

• 상위 컴포넌트가 하위 컴포넌트에게 데이터를 넘겨주고자 할때 사용

state

• 컴포넌트 내에서 생성해서 수정 과 삭제 가 가능한 개체로 변경이되면 컴포넌트를 리랜더링

ref

• 컴포넌트를 조작하고자 할때 생성

filter

• 매개변수가 1개이고 boolean을 리턴하는 함수를 매개변수로 대입하는데 함수의 결과가 true인 데이터만 모아서 다시 배열로 리턴하는 함수

중괄호를 하는 경우는 이쪽의 객체에서 이 이름을 찾아올거라는것 , 있는거는 이름바꾸기 불가능

안하면 그대로 가져올거라는것, 없는거는 이름바꾸기 가능

1) 배열.map()변환

• 배열의 데이터를 순회하면서 매개변수로 받은 함수를 요소 단위로 수행한 후 그 결과를 모아서 다시 배열로 리턴하는 함수

Life Cycle

• 인스턴스가 생성되고 소멸될 때 까지의 과정
• 생성은 생성자(Constructor)가 담당하고 소멸은 소멸자(Destructor)가 담당합니다.컴포넌트의 관계
  
  
• IoC(Inverstion of Control)- 제어의 역전, 클래스는 개발자가 생성하지만 인스턴스의 생성과 소멸은 개발자가 하지않고 다른 프레임워크나 컨테이너 등 이 하는 형태) 가 적용된 경우에는 특별한 경우가 아니면 생성자를 이용해서 인스턴스를 생성하지 않음
  react에서 컴포넌트는 IoC가 적용되는 객체
  안드로이드나 react는 IoC가 적용된 객체를 Component라고 부릅니다.
  Spring에서는 Spring Bean이라고 합니다.
  
  
• IoC 가 적용되면 일반적으로 생성자를 직접 호출하지 않기 때문에 수명 주기 관련 메서드를 이용해서 생성과 소멸될때 작업을 수행

Hoocks

1) Hook

• React 16.8 버전에 추가
• Class Component 의 기능을 Function Componenet 에서 사용할 수 있도록 해주는 기능

2)UseState

• state를 함수 컴포넌트 안에서 사용할 수 있도록 해주는 hook
• useState의 매개변수는 state의 초기값이 되고 return 하는 데이터는 stat와 state 의 값을 변경할 수 있는 setter 함수의 배열

3)UseRef

• ref: 컴포넌트를 조작하기 위해서 붙이는 일종의 id와 같은 변수
• useRef 로 만들어진 변수는 값이 변경된다고 해서 컴포넌트가 리랜더링 되지는 않음
• useRef(초기값) 으로 변수를 생성하고 컴포넌트 나 DOM에 설정할 때는 ref속성에 생성된 변수를 대입해주면 됩니다.

특정 Input 에 포커스 설정하기

수정할땐 map함수이용 ?

꼭 알아두기

    setUsers([...users, 가져온데이터])

노드 로 데이터베이스 연동해서

crud 하고 그후에 로그인 회원가입 하면 어지간한 서비스 다 구현가능