<윤호>

• develop에서 main으로 머지할 때도 풀리퀘를 날려서 머지를 하려고 합니다! 혹시 이 방법으로 머지하는게 맞을까요!? 아니면 다른 방식으로 해야할까요!?

• 풀리퀘를 날렸을 때 충돌이 있어날경우 충돌을 해결하는 예시 혹은 어떻게 해결하시는지 알려주실수 있나요!?

• 컴포넌트 스타일정의는 현업에서 어떤 방식으로 많이 사용하시나요? 혹은 사용 우선순위나 어떤 유형일 때는 이거써라 하는게 있을까요!?

  • 이모션 styled
  • 이모션 css
  • 인라인 스타일
  • css or scss 파일
  • 혼합사용

• styled 컴포넌트를 작성할 때 내부에서 아래와 같이 변수를 사용하는것도 괜찮을 방식일까요!?

const Button = styled.button`
	--font-color: ${({ fontColor }) => fontColor};

	color: var(--font-color);

	&:active {
    border: solid 2px var(--font-color);
  }
`

• 컴포넌트의 props 값에 디폴트값을 줄 때 선언부에 주는게 좋을까요!? Component.defaultProps 에 주는게 좋을까요!? 성능적인 차이는 없는걸까요!? 검색을 해도 어떤걸 선택해서 사용하면 좋을지 감이 안옵니다🤣

const Button = ({width = 200, height = 100}) = {
	...
	return ...
}

// vs

const Button = ({width, height}) = {
	...
	return ...
}

Button.defaultProps = {
  width: 200,
  height: 100,
};

• 특이케이스가 아닌 왠만한 모든 컴포넌트에 React.memo 를 선언해서 사용해도 괜찮을것 같다고 생각했습니다! 부모 컴포넌트가 리렌더링 될 때 자식으로 전달하는 props가 변경되어 자식이 리렌더링 되는 현상을 막을수 있어서 React.memo 를 적극 활용하면 좋을것 같다고 생각하는데요! 선협님 강의를 보면 컴포넌트 만드실 때 React.memo 를 안 씌우시던데 이유가 있을까요!? 혹은 제가 잘못 알고 있는걸까요!?

  • 같은 맥락으로 useMemo 도 state를 메모이제이션 하기 때문에 왠만하면 적극적으로 활용하는게 좋을것 같다고 생각하는데 괜찮은걸까요!?

• stylelint 설정을 사용하시나요!? 혹시 어떻게 설정하셨는지 공유해주실수 있나요!?

  • styled 컴포넌트안에서 js문법이라 충돌되는 이슈가 있습니다 😂
  • 이슈현상 : https://www.notion.so/oranjik/211022-04e54473ef4041b0829272d31f41f5e2
  • stylelint 설정 상황: https://www.notion.so/oranjik/3ee543f0ed3c4ddd8bb6e791413e42ab

• useRef 로 리렌더링 될 필요가 없는 지역변수로써 사용하는 케이스가 와닿지가 않습니다. 설명좀 부탁드려도 될까요!?

  • useRef vs useMemo
  • 제가 예시를 보여드리자면 useResize or useClickAway (내가 잊어먹지 않기 위해 작성한 용도)