6주차 멘토링

다이어그램

사용자의 컴퓨터 사양이 좋지 않다면 settimeout을 거는 것에 대해서 어떻게 생각하세요

transitionEnd setTimeOut 을 둘다 걸어보는거 어때요?

Search

검색에서 특수문자는 입력받지 않게 했습니다. Regex 파싱문제로

라이브러리가 잘 되어있다. 사용자의 input을 믿지말자. 최적의 파싱상태로 두어야한다.

[regex-escape](https://www.npmjs.com/package/regex-escape)

튜토리얼

튜토리얼 Atom 바꿔주는 식에서 Context에서 주입해주는 형식

Main 빼고는 Jotai에 대한 의존성이 없어야함. context switching 하는 곳에서만 해주고 그 안에서는 튜토리얼 이든… 진짜든.. 상관 안하게 만들어줘야함

동영상으로 만들어볼 예정

노션 페이지

이력서

UseNavigate

• Link가 아니고 Button일 때 클릭했을 때 Navigate를 했을 때는 접근성 관련은 포기해야함(Command를 누르고 클릭을 한다던지…)

• 최대한 Link Component를 활용해야된다

• 아니면 요렇게

  

관심있게 본 부분

• 의존성 주입 : 실제 현업에서도 API 어떻게 생길지만 아는데 미리 인터페이스를 구현해서 기능들을 만들었다는 점
  • Mock service Worker
  • 인터페이스 구현이 좀 참신함
• 객관적인 수치 부분
• suspense 작동 원리

wiki

• table re-render
  • Row 1000개가 생기면 unmount하면 엄청 걸림. 실제로 화면에 보이는 Row 부분만 렌더링 하는 것 : virtual-scroll
• diagram
  • Canvas를 안썻음 : Canvas를 안쓴 이유도 추가하기

react와 redux

불변성관리보다 데이터 관리를 어떻게 하는지 고민하게 되었음.(immer)