코드숨_React _2주차_주간회고

Facts (사실, 객관)

• 코드숨 2주차 강의 듣기
• 과제 1: 간단한 카운터앱 만들고 파일 분리하기
• 과제 2: 투두리스트 만들기
• 회고 작성을 위한 블로그 개설

 

Feelings (느낌, 주관)

이제 본격적으로 리액트에 대해 배우기 시작했습니다. 그 기반이 되는 JSX 문법에 대해 미리 배우고 나니 리액트에 조금이라도 더 쉽게 다가갈 수 있었습니다. JSX 문법으로만 구현하는 것과의 차이에서 비롯되는 리액트의 훌륭함(?)도 느낄 수 있었습니다. 투두리스트를 자바스크립트로 구현한 적이 있었는데, 리액트의 상태 관리와 컴포넌트 분리로 얼마나 깔끔하고 명확한 코드를 작성할 수 있는지 직접 체감할 수 있었습니다.

 

과제는 지난 주보다 할만했지만 여전히 고칠 부분은 너무나도 많았습니다. 코드리뷰에서는 제가 전혀 생각하지 못한 관점에서, 혹은 제가 전혀 알지 못했던 부분에서 많은 피드백을 주셨습니다. 잘못된 습관을 반복하지 않기 위해 코드리뷰를 통해 배운 점에 대해 꼭 복습하려고 합니다.

 

주말에는 일이 너무 늦게 끝나기 때문에 주간회고를 맨정신으로 작성하기 어렵네요. 금요일에 미리 어느 정도 작성을 하거나 평일에 TIL이라도 꾸준히 작성해야겠습니다.

 

Findings (배운 점)

• 확장성을 고려한다면 관리해야 하는 변수마다  useState로 선언해주기 보다는 하나의 객체에 넣어 관리해주는 것이 더 좋다.
• useRef hook은 상태가 바뀔 때 컴포넌트 렌더링이 되어서는 안되는(혹은 될 필요가 없는) 값을 관리하기에 유용하다. 하지만 불필요하게 useRef을 사용하지는 않는지 사전에 고민해 보아야 한다.
• 리액트 17버젼 이후부터는 <import React from 'react'>를 생략할 수 있다.
• 객체나 배열을 사용한다면 상태를 변경해줄 때 기존 상태를 추가하는 습관을 들여야 한다. 관리해주는 값이 하나더라도 확장성을 고려해야 한다.
• 컴포넌트 내에서 함수나 다른 컴포넌트를 활용할 때 컴포넌트의 사용자 입장에서 매개변수 등을 고려해주면 좋다. 만약, 하위 컴포넌트에 함수를 넘겨준다면 그 함수에 사용되는 매개변수는 사용자 입장에서 예측 가능한 것이어야 한다.
• 지난 주에 배웠던 guard clauses를 처음으로 적용해봤다.

 

Things to do (해야할 것들)

• 의존성 주입이라는 개념에 대해 찾아보고 공부하기
• 자바스크립트 코딩의 기술 읽기
• 알고리즘 문제도 풀어보기

 

Affirmation(자기 선언)

• 자신감을 갖고 포기하지 않는다.