2022-02-28 TIL

Fact

• 프로그래머스 최소 직사각형, 약수의 개수와 덧셈, 두 개 뽑아서 더하기, 3진법 뒤집기 문제를 풀었다.
• 퀴즈 데이터를 받아올 때 데이터가 없으면 항상 빈 배열을 가져오도록 구현했는데, 이렇게 하면 데이터가 로딩되는 시간 동안 빈 배열 컴포넌트를 출력하게 된다. 이 문제를 해결하기 위해 react skeleton을 사용하여 데이터를 성공적으로 가져오고 출력할 때까지 로딩 이미지를 보여주도록 구현했다.
• 헤더에서 토큰을 가져오는 함수가 여러 코드에서 중복이 되는 것을 확인하고 공통적인 기능을 하는 미들웨어로 만들어서 사용했다.
• 내가 소장한 문제를 삭제하는 기능을 만들었다.

Feelings

• 소프트웨어는 끊임없이 변하기 때문에 변경에 유연하게 대응하는 코드를 작성해야 한다. 요즘에 중복이 되는 코드만 보면 참을 수가 없다. 바로바로 리펙토링해야 마음이 편안하다.

Findings

• 미들웨어 함수는 요청 오브젝트(req), 응답 오브젝트(res), 그리고 애플리케이션의 요청-응답 주기 중 그다음의 미들웨어 함수에 대한 액세스 권한을 갖는 함수입니다. 그다음의 미들웨어 함수는 일반적으로 next라는 이름의 변수로 표시됩니다.

useEffect [] 안에 여러 개의 state 값을 넣을 수 있다. 나만 몰랐던 것 같다.. 여태 한 개만 넣어야 하는 줄 알았다.

useEffect(() => {
  fetchQuizs()
}, [categoryId, value])

Future Action

• 스터디, 코테준비, 프로젝트 꾸준히 하자!