[코드숨 리액트 강의] 2주차 회고

이번 강의에서는 본격적으로 React가 어떤 것인지 배울 수 있었다.

그런데 강의를 들으며 메모했던 파일이 다 날라갔다 ㅠ 안돼 이럴수가

-> 앞으론 메모를 노션에 정리해둬야겠다.

 

코드를 기능 별로 나누는 것을 "관심사의 분리" 라고 표현하셨는데 처음 듣는 용어라 흥미로웠다.

-> 같은 기능을 수행하는 코드라도 어떤 구조로 만드느냐에 따라 코드의 퀄리티가 달라짐을 알 수 있었다.

 

이번 주도 코드 리뷰를 모두 반영하여 과제를 완성하지 못했다.

월요일, 화요일이 너무나 바빴다 ㅠ 이후는 매일 강의를 듣고 과제도 꾸준히 제출했는데 금요일까지 완성하는게 빡센 것 같다.

다음주는 강의를 월요일에 다 듣고 과제도 매일 매일 빡세게 해보겠다!

 

그래도 코드 리뷰로 받았던 내용을 정리해보겠다.

1. 변수와 핸들러 사이에는 한 줄을 띄우자

2. 가로로 너무 긴 코드는 줄바꿈을 하자

3. 함수들을 App에서 만들어서 컴포넌트에 넘겨주기
-> 이후에 컴포넌트의 변경 사항이 생기면 App에서 수정해주면 되니 좋다.

4. 컴포넌트에 넘기는 parameter 들은 직관적으로 쓰기 (ex : onChange(x) -> onChangeTitle(o))

5. ol, li 태그 이용하면 앞에 자동으로 인덱스 숫자가 붙는다.

6. 아샬님께서는 이런 것 까지 컴포넌트화 한다고? 싶을 정도로 자세히 컴포넌트화 시키신다. 이런식으로 개발해보자.

7. 상수는 컴포넌트 밖에 선언