[WIL] 4주차

Fact : 이번주 있었던 일, 내가 한 일
Feeling : 나의 감정적인 반응, 느낌
Finding : 그 상황으로부터 내가 배운 것, 얻은 것
Future : 배운 것을 미래에 어떻게 적용할 것인가

---

1. Fact : 이번주 있었던 일, 내가 한 일

- Level3 완료! (with 용진님)

https://reactlevel3.vercel.app/

React App

- 리액트 숙련주차 완강!

 

2. Feeling: 나의 감정적인 반응, 느낌

- 일단 하면 된다,,

: level3 과제는 용진님과 나, 각자 진행을 했었다. 솔직히 level2에서는 용진님의 도움을 많이 받았었는데, 이번에는 혼자 진행을 하려니 쉽지 않았었다.. 그래도 하니까 뭐가 되긴 하더라..! 일단 열심히 해보자.. 그럼 뭐라도 나온다 하는 걸 느꼈던 것 같다

- 잘하고 있으니 긍정적으로 마음 먹기

: 저번주에 안 좋았던 마음때문에 여기저기에서 얘기를 나눠봤었는데.. 그러면서 깨달은게 저번달에 걱정하던 일들을 모두 잘 해나가고 있다는 거였다. 그런데 오히려 지금 감정이나 생각이 더 나빠진 게 아이러니한 상황? 그러니까 한 마디로, 잘해나가고 있으니 사서 걱정하지 말자는 거다. 그냥 이렇게 열심히 해나가기!

 

3. Finding : 그 상황으로부터 내가 배운 것, 얻은 것

- 나 자신을 과소평가 하지 말자

- 못하겠다고 쓰러져있는 시간을 줄이고 일단 하자 ㅋㅋ

 

4. Future : 배운 것들을 미래에 어떻게 적용할 것인가

- 일단 냅다 하기..

 

---

1. State

- 리액트에서 이벤트에 의해 변경되는 동적인 값

- 일반 JavaScript 객체로, 함수 내에 선언된 변수처럼 컴포넌트 안에서 관리됨.

- 정보를 추적해야하거나, 업데이트가 필요할 때 사용하면 됨

- 변경이 가능함(setState 사용)

 

2. Props

- props 또한 일반 JavaScript 객체이나, state와 달리 함수 매개변수처럼 컴포넌트에 전달됨

- 위에서 부터 오며, 변경하면 안됨(당연함.. 위에서 정해진 값이 내려오는 거임)

 

 

3. 리렌더링 발생 조건

- state가 변경되면 리렌더링이 일어남

 

 

* 공식문서 참고

https://ko.legacy.reactjs.org/docs/faq-state.html

컴포넌트 State – React

https://lucybain.com/blog/2016/react-state-vs-pros/

Lucy Bain

https://onlyfor-me-blog.tistory.com/463

[React] State란?