개인과제

트러블 슈팅

	const handleOnclickEvent = (theCountry: Countries): void => {
    if (
      !selectedCountry.find((item: Countries) => item.cca2 === theCountry.cca2)
    ) {
      setSelectedCountry((prev) => [theCountry, ...prev]);
    } else {
      setSelectedCountry((prev) =>
        prev.filter((item: Countries) => item.cca2 !== theCountry.cca2)
      );
    }

바보 이슈1

이른 아침부터 리팩토링 중인데 로직에서 문제점 발생
왜... data에 여전히 남아있는 것이지? 🙃? 하고 천천히 보다가 로직에 전혀 문제 없는 걸 깨달음. 저게 맞았다.

data를 그냥 한 번 더 가공하면 되는 문제였다.

some 매서드 처음 쓰는 사람의 바보 이슈2

  const unselectedData = data.filter((item)=> item.cca2 !== (selectedCountry.some((item2)=> item2.cca2)))

대충 이런 느낌인데... 하며 작성 중... some이랑 filter 같이 써보는 건 처음이라 다시 예쁘게 만드는 중...

  const unselectedData = data.filter(
    (item) => !selectedCountry.some((item2) => item.cca2 === item2.cca2)
  );

selectedCountry에 포함된 녀석들 제외하고 unselectedData에 넣기

변경 전

변경 후

제출 전 css 살짝 손 보기...

스탠다드 개인 과제

에러타입

const [error, setError] = useState<AxiosError | null>(null);

(목)

• 스탠다드반 권장 과제 (19:00~
• 알고리즘 탐험반 문제 찍먹 (14:00~
• 깃허브 코드 탐험
• 개인 프로젝트 UI 마무리하기 (21:00 ~ )

(금)

• 밀린 베이직 강의 복습

• 스탠다드반 무한 스크롤 강의 복습

• 타입 스크립트 강의 수강

• 주말 : RTK, 쥬스탠드, 쿼리 복습

콘솔을 세 개나 찍었다,,,, data가 무척 보고 싶었던 모양....