항해 3주차 주특기 입문 WIL

이번주는 주특기 입문 주차였다.

일요일에 작성해야했는데 깜빡해서 월요일아침에 작성한다...

 

좀 많은 분량을 배워서 어질어질했다.

JavaScript와 조금 다른 JSX문법을 사용해서 코드를 작성하는데도 어려웠다.

익숙하지 않은 문법이다보니 뭔가 외계어같고 어렵고 괜히 더 겁이 났던 것 같다.

 

이번주의 대표 키워드는 Component, State, Props, rendering이었다.

 

컴포넌트는 최신형인 함수형 컴포넌트를 사용해 작성했다.

컴포넌트는 화면상 출력되는 요소들을 일컫는 말이다.

공통적으로 갖는 최상위 컴포넌트에서 useState훅을 사용해 State를 만들고, 그 State를 props로 자식 컴포넌트에게 내려주어,

자식컴포넌트에서 출력하도록 하는 게 이번 주차의 핵심이었다.

또한 리액트는 단방향 데이터 바인딩 형식이기 때문에, 전역상태관리 라이브러리를 사용하지 않으면, props로 State를 변경하는 함수를 내려주어 자식컴포넌트에서 부모 컴포넌트로 명령을 보내, State를 변경해야 했다.

 

그렇게 부모 컴포넌트에서 State가 변경되면, 해당 State에 관련된 컴포넌트들이 쭉 타고 내려가면서 리렌더링이 다시되는, 그런 느낌이었던 것 같다.

 

많이 어려웠는데 과제를 내가 성공해서 신기했다.

뭔가 이해를 한 것 같으면서도 막상 코드를 짜야하면 또 보고 참고해야해서, 내 것이 된 느낌은 아니었지만...

어쨌든 마지막엔 흐릿하게나마 이해가 되었다.