기술매니저 키워드 정리 ( 11/28 )

Props Part 1 키워드

• Props Drilling 이란, 무엇인가?
  • Props 내리꽂기라고 생각하면 됩니다. 부모에서 자식으로 Prop을 전달하는 과정에 과도한 경우를 뜻하고 부모에서 자식의 자식의 자식의 컴포넌트로 전달하는 과정에서 중간 컴포넌트에서는 Prop이 필요하지 않아도 단방향 흐름 특성상 부득이한 상황이 과도하게 일어나면 가독성이 떨어질 수 있습니다. 해당 불편함을 이번 주차에 꼭 경험하는 것을 추천합니다.

Props Part 3 키워드

• defaultProps은 해당 Props 받지 못했더라도 default 값을 보여주는 방법
• object literal 이란 무엇인가?

var obj = {
    name :'jaehee',
    age : 10,
    parent : {
        name : '홍길동',
        job : 'Freelancer'
    },
    etc : function() {
            this.name + "의 또다른 이름 : " + anotherName
    }
};

console.log(obj.name) // 'jaehee'
console.log(obj.parent.name) // '홍길동'

State Part 1 키워드

• 리액트 훅 이란 무엇인가요?
  • class 형 컴포넌트의 복잡성을 극복한 방식 함수형 프로그래밍이 가능합니다.
  • 공식문서 링크
• 다른 훅들은 어떤 것들이 있나요?
  • useState
  • useEffect
  • useLayoutEffect
  • useMemo, useCallback
  • useRef
  • 더 많은 영상 추천
• const 는 변경할 수 없는 상수 인데, 어떻게 setState를 이용해서 값을 변경할 수 있나요?
  • setState가 이전 state 값을 클로저 형태로 저장하기 있으며, setState가 호출되면서 update render가 발생해 리렌더링이 일어나고 새로운 const state를 실행해 변경이 가능합니다. const로 지정한 이유는 해당 방식이 아닌 임의로 state로 변경하는 불변성을 해치를 행위를 막기 위함입니다.

State Part 2 키워드

• 원시 데이터 타입이란?
  • https://velog.io/@gillog/원시타입-참조타입Primitive-Type-Reference-Type
• 객체, 배열, 함수의 불변성을 지키면서 값을 수정할 수 있는 메서드들은 어떻게 있을까?
  • spread operator를 통해 기존 배열이나 객체를 수정하지 않고 새로운 추가된 배열을 만들 수 있습니다.
  • filter를 통해 새로운 제거된 배열을 얻을 수 있습니다.
  • map를 통해 실행된 결괏값을 요소로 하는 새로운 배열을 얻을 수 있습니다.
  • https://devbksheen.tistory.com/258

반복되는 컴포넌트 처리하기 키워드

• null과 undefined 정의와 두 키워드의 차이점
  • undefined는 아무것도 할당받지 못한 상태로 구분된다
  • null은 존재하지 않는 값으로 구분된다

컴포넌트 꾸미기 키워드

• 자바스크립트 파일 절대경로, 상대경로 설정하는 방법
  • https://shin1303.tistory.com/entry/JavaScript-import-상대경로-→-절대경로-path-설정-방법
• 자바스크립트 export, export default, import 각각은 무슨 차이가 있을까?
  • https://pinokio0702.tistory.com/370