WIL 3주차 마무리 항해 99

어느새 3주차가 지나가고 있다..

 

남은 날들을 보면 벌써 80일 정도가 남았는데

하루하루 정말 빠르게 지나가는 것 같다.

사실 이번주는 개발자를 생각한 이후로

최악의 주를 보냈다고 생각한다.

어떤 것을 공부하고 기간이 정해진 과제를

받았을때 거기에 맞춰서 공부를 진행하고

완료를 했어야했는데 그러지 못했다.

하나하나 이해하려고 했고

계속 눈으로만 읽고

손으로는 검색만 하니

개념이 어찌어찌 머릿속에 들어왔더라도

그걸 적용하려면 모르든 알든 써봐야 한다는 것을

뒤늦게 깨달았다.

주특기인데 결국엔 해내지 못한 나 자신에 대해 실망했다.

특히나 이번 주차에 내가 못했던 것은

과제를 먼저 빠르게 끝내신 분들도 계셨고

이번 학습내용을 잘 이해하신 분들도 계셨는데

그런 도움을 거절하고 어떻게든 인터넷으로만 찾아보려고 했다.

그러다가 결국에는 이도 저도 아니게 되었다.

 

 

그래서 이제는 모르는 것에 대해 파악이 끝나고

혼자 찾아보다가 안되면 어떻게든 도움을

요청하여 해결해보려고 한다.

이게 왜 자꾸 어렵고 민폐라고 생각이 드는지 모르겠는데

나는 지금 너무나도 이 주특기 과정을 잘 해내고 싶고

이겨내고 싶기때문에 그 생각을 바꿔야 한다는 생각이 든다. 

 

 

어째 이번 주 TIL과 WIL은 찡찡대고 툴툴대다

끝나는 것 같은데

이러면 WIL을 쓰는 의미도 없고 계속

부정적인 생각만 들 것 같기때문에

마인드 자체를 고쳐먹어야 할 것 같다.

 

 

그래서 지금 하고 있는 과제는 어떻게든

완료를 할것이고 내가 지금 답답해하고 있는

문제들을 어떻게든 해결하여

앞으로 계속해서 생겨나갈 문제들을 이겨내보려고 한다.

혼자서 안되면 도움을 받아서라도 해낼 것이다.

 

그리고 언젠가는 내가 도움을 줄 수 있을정도의 실력을 갖추길 간절히 바란다.

 

---

 

이번주 리액트 핵심 내용

STATE, PROPS, 리렌더링 발생 조건

 

STATE

원래는 값을 저장하는 것은 변수를 이용하다가 리액트에서는 STATE를 이용해서도 가능한 것을 배웠다.

STATE는 특히나 자주 변경되는 곳에 사용하는 것이 좋은데 리액트에서는 렌더링이 완료된 화면에서 STATE값을 변경하면

리렌더링이 발생되므로 사용자가 입력하는 인풋창에 STATE를 적용해주면 입력하는대로 바로 변경해서 보여줄 수 있다. 

 

PROPS

리액트는 화면을 구성하는 것이 컴포넌트들의 집합이라고 볼 수 있다.그리고 컴포넌트별로 값을 넘겨주어야 할때가 있는데 이를 위해서는 PROPS라는 기능을 통해 전달해주어야 한다.이 PROPS를 이용해 부모 컴포넌트의 어떤 값을 자식 컴포넌트에서 변경해야하는 경우 등에서 사용하게 되고부모에서 자식으로만 이동이 가능하다.

 

리렌더링 발생 조건

리렌더링이 발생하는 조건은 총 4가지가 있다.

1. 내 state가 바뀌었을 때 

  - setState() 메서드를 사용하여 state의 값이 바뀌게 변하게 되면 연관있는 컴포넌트들이 재렌더링이 되어 화면이 바뀌게 된다.

2. 내 props가 바뀌었을 때

  - 부모 컴포넌트로부터 받은 props 값이 변경됐다면 리렌더링이 된다.

3. 부모 컴포넌트가 리렌더링 될 때

  - 새로운 prop 이 들어오지 않더라도 부모 컴포넌트가 리렌더링 된다면 자식컴포넌트 역시 리렌더링이 된다.

4. 강제 업데이트가 실행될 때

  - props 나 state 가 아닌 다른 값이 변경되었을 때 리렌더링을 하고 싶다면 그때 사용할 수 있는 메서드이다.

 

이렇게 이번주의 핵심내용을 간략히 정리해보았다

 

그리고 오늘 튜터님의 프론트엔드 랜더링 관련 강의가 있었는데 프론트엔드 개발자의 핵심역량중 하나가

리렌더링이 되는 횟수를 줄이는 것이라고 한다. 그 말씀 덕분에 리렌더링이 많으면 성능을 악화시킨다는 것을 배웠다.