React.js 스터디 일지 3차

3차

개발

1. 중복 렌더링 이슈

• Home Component를 렌더링해야할 때 여러 axios에서 data를 가져와야 하는 경우, setState를 여러번 호출하였기 때문에 발생
• componentDidMount()에서 await을 사용하여 동기적으로 data를 전부 받은 후 setState를 한번만 진행하는 식으로 해결하였다.

2. Javascript - Object Null Check

• Null Check는 개발 과정에서 가장 많이 접하면서 간과하기 쉬운 예외 중 하나이다. 항상 null 값에 대비하여 프로그래밍을 해야 한다.
• 이를 해결하기 위한 방법은 여러가지가 있는데 Java8에서는 Optional class가 있고 Javascript에는 Optional chaning 연산자가 있다.

Optional chaining 연산자 ?.는 체인의 각 참조가 유효한지 명시적으로 검증하지 않고, 연결된 객체 체인내에 깊숙이 위치한 속성 값을 읽을 수 있다. 만약 참조가 nullish(null or undefined)라면, 에러가 발생하는 것 대신에 표현식의 리턴 값은 undefined로 단락된다.

• 객체의 프로퍼티를 체크하는데 주로 쓰이며 기존의 hasOwnProperty를 대체할 수 있다.
• 문법이 굉장히 직관적이며 "?."을 사용하여 프로퍼티가 존재하는지 유무를 체크할 수 있다. 만약 체크하는게 함수 타입일 경우, null/undefined가 아니라면 함수를 실행시킨다.

이슈

TODO