코드숨 React 8기 - 2주차 회고

Facts(학습내용, 사실/ 객관)

학습내용

1. React

• React 탄생배경과 핵심개념 
• ReactDom
• Components & Props
• React Hook
• useState
• 관심사의 분리 

사실 / 객관

1.  과제 2개를 모두 다한 한 주였다. 월요일 부터 바로 시작해 여유롭게 할 수 있었다.

2. 회사 일도 지난 주에 비하면 널널했던 한 주여서 코드숨 수업 및 과제에 더 집중할 수 있었다. 

3. React와 관심사의 분리에 대해 배웠다. 

 

---

Feelings(느낌,주관)

1. 과제를 빨리 시작해 지난 주에 비해 심리적으로 여유로웠다.

2. 과제를 빨리 제출할 수록 코드리뷰를 빨리 그리고 많이 받을 수 있어 좋은 것 같다.

3.관심사의 분리로서 컴포넌트를 분리하는 것을 단순 재사용성을 위해서라고 알고 있었는데 유지보수 및 가독성의 측면에서도 꼭 필요한 것 같다. 

 

 

---

Findings(배운점)

1. 이번 주와 같이 가급 적 일찍 과제를 제출해서 많은 리뷰를 받는게 좋다. 

2. 관심사의 분리는 컴포넌트들이 하나의 관심사만 갖도록 하여 그 것에마 충실히 동작하도록 하는 것인데 이를 통해 코드의 명료함, 재사용성, 유지보수를 높일 수 있다.

3. List는 자료형으로서 의미를 가지기 때문에 변수로서 사용을 피해야 한다. (잘못된 예 todoLists)

4. uuid (Universally Unique Identifier)로 고유 식별자를 만들 수 있다. 

5. 빈줄을 추가 해 서로 다른 일을 하고 있다는 구분을 주자

  function handleAddTodoList(e) {
    e.preventDefault();
    // 빈줄 추가 
    setTodoLists([...todoLists, inputText]);

6. 변수의 이름이 우변의 내용을 한 번 더 써주는 것에 그친다면 inline variable을 써야 한다. 

//x
const filteredTodos = todos.filter((todo) => todo.id !== todoListId);
setTodos(filteredTodos);

//o
setTodos(todos.filter((todo) => todo.id !== todoListId));

---

Affirmation(자기 선언, 앞으로 할 것)

1. 다음 주 과제도 일찍 제출해서 많은 리뷰를 받자. 

2. 리뷰 받은 것을 서비스 코드에도 적용해보자.