TIL DAY 7 220725 리액트 입문주차

지금 리액트를 시작하면서

발전하는 속도가 잠시 멈춘 것 같아서 속상하지만

같은 팀원분들은 눈물을 보이셨다...

너무나도 이해가 되는 심정이라

마음이 아팠다

위로는 했지만 아마 속상한건 변함없지 않을까 싶다..

 

일단 오늘 배운 것을 정리해보자면

props, state, 라이프사이클이 있는데

리액트에서는 독특한게 props, state를 쓰는 이유

서버에서 보내주는 데이터 베이스 기반으로

사용자의 입력에 따라 바꿔주는 건 변수로 사용했다.

리액트도 변수를 사용하며 그 변수는 다른 개념이 아니다.

 

그런데 state는 만들어진 웹사이트를 반응형 웹사이트로 만들어주는

중요한 역할을 한다.

 

State

좋아요를 누른다던가 하는 일들 같은 경우 

특별히 서버까지 갈 필요없이 state를 통해

바로바로 변경해주는 것이 가능하다.

state는 리액트가 항상 주시하고 있는 함수!!

감시하고 있다가 변하거나 하면

바로 적용한다!

이것이 리액트의 특징이다.

 

Props

props는 상위 컴포넌트가 하위 컴포넌트한테

값을 전달할때 사용한다.

반대로는 불가능

따라서 단방향 데이터 흐름 

 

Life Cycle

컴포넌트는 생명 주기를 가진다.

 

컴포넌트는

1.생성

2.업데이트

3.제거

 

라는 과정을 거치는데 각각의 과정마다 특정한 함수(메서드)를 실행하며

이 함수들을 생명주기함수 (생명주기 메서드)라고 합니다.

 

---

라이프사이클에 대한

자세한내용은

[React] 생명주기함수(라이프사이클,Life cycle) (velog.io)

 

 

실 사용은 대망에 내일 해보려고 한다.

남은 일정도 화이팅~!