20210818 TIL

Facts

• 3시간 동안 과제 & 면접  -> 녹초가 됨
• 발 뒤꿈치 통증 발생

Feeling

• 과제와 면접 보기 전까지 덜덜덜 엄청 떨면서 이것도 부족한거같고 저것도 모르는것같고 엄청 갈팡질팡했다. 하루 종일 긴장감 넘치는 상태로 유지하다가 면접보고 집와서 이젠 면접대비 공부 말고 무드플레이 개발하자... 이랬는데 머리가 안돌아간다 ㅎㅎㅎ 며칠동안 긴장한게 한번에 풀린거같은 기분이다. 피로감이 쏟아진다. 계속 무언가를 하려고 자리에 앉아는 있는데 생산성없이 멍한 느낌이다. 일찍 자야겠다. 
• 발 뒤꿈치 통증 검색했다가 무수히 많은 질병들을 봤다. 역시 증상은 검색하는게 아닌가보다 ㅎㅎㅎ 며칠 더 지켜보자. 내일부터 운동화를 신어야겠다.
• 계속 일단 면접에서 대답할 수 있을 만큼의 넓고 얕은 공부(물론 이것도 필요한 기본지식이다)를 계속해서 아쉬움이 컸다. 요즘에 CSS 랜더링에 관한 깊은 공부를 하고싶은 욕구 & 무드플레이 개발을 좀 더 진지하게 해보고싶다라는 욕구가 있다. 이거 하고싶다!!!!! 이번주 나머지 날들은 그래도 큰 면접 하나가 지나갔으니 나를 위한 포상으로 해야하는 공부보다 하고 싶은 공부를 하자. 그 생각하면 기분이 조금 좋아진다. 
• ㅌㅅ의 면접 경험은 지금까지 계속 좋았다. 떨어지더라도 좋은 경험을 가지고 갈 수 있어서 감사하다. 
• 근데 과제 제출할때 깃헙 어세스 토큰 만료되서 식겁했다. 그것 때문에 당황하고 멘붕 와가지고 과제도 늦게 시작하고 난리도 아니었다. 멘탈 다시 잡고 계속 진행할 수 있어서 다행이었다.

Finding

웹팩

• 트리 쉐이킹: 번들의 크기를 줄여준다.
  • sideEffects: 순수성을 알려주는 옵션, false 속성을 넣어주지 않는 코드 중 사용되지 않는 제거된다. 배열로 파일을 넣어줄 수 도 있다.
  • /*#__PURE__*/ 로 구문에 사이드 이펙트가 없음을 명시해줄 수도 있다. 
• 레이지 로딩: 코드를 분할하고 다음 코드 블록을 요구하거나 필요로 하는 작업을 수행 한 후 코드를 로딩함
• 동적 임포트를 이용해 코드를 분할할 수 있다. 
• fallback prop은 컴포넌트가 로딩되는 동안 랜더링하려는 로딩엘리먼트를 받아들인다. 
• React.lazy를 이용해 어떤 컴포넌트를 랜더링할 때 다이나믹 로딩으로 랜더링 될 수 있게 해줄 수 있음 
• 이때 바벨을 사용한다면 동적 import를 인식할 수 있지만 변환하지 않도록 babel-plugin-syntax-dynamic-import를 사용해야함

 

리덕스를 쓰는 이유 간단히 다시 정리  

• 시간이 지나면서 유동적으로 데이터가 변경될 가능성이 있을때 
• 전역적인 단일 정보 소스가 필요할 때 
• 모든 상태를 최상위 컴포넌트에서 관리하는 것으로 충분하지 않을 때 
• 함수형 프로그래밍 원칙을 도입하기 위해서이다.
• 테스트 가능한 코드를 작성하기 위해서
• 업데이트 논리 및 흐름이 명시적이다. (진행중인 작업을 명확하게 이해할 수 있다.)