다시는 야자를 안걸리겠다고 다짐을 해보았지만 또다시 걸렸다.. 이번 수업에선 state와 props에 대해 공부하였는데, props와 state를 구현하는 것 자체는 어렵진 않았지만 useState를 사용할 때에 이전에 사용한 값을 이용하려면 함수의 형태를 써야하는 것을 헷갈려 고치느라 시간이 좀 걸렸던 것 같다. 컴포넌트들을 연결해주는 것은 지난번에 해보아서 금방 하였기 때문에, 새로운 tweet이 들어올 때의 구현만을 의사코드로 적어볼 것이다.
-
우선 새로 입력 받을 값들을 useState를 이용하여 선언을 해준다. 유저이름, 메세지, 트윗갯수, 그리고 모든 tweet객체가 들어가 있는 배열을 만들고, 초기값은 "parkhacker", "", 전달받은 트윗갯수, 전달받은 트윗으로 지정한다.
-
onChange를 이용해 유저이름과 메세지가 써질 때 마다 각 변수의 값을 useState의 set함수를 이용해 변경해준다.
-
onClick을 이용해 클릭이 되면 모든 tweet객체가 들어가있는 배열에 현재 유저이름 메세지, 트윗갯수를 객체의 형태로 전달해 그 상태를 저장하고, 렌더링을 한다.
