[TIL] 230821

좋아요 불러오기

props로 영화 아이디를 받아, 해당 영화의 데이터 존재 여부를 확인하고 좋아요를 체크한 유저의 수를 계산하여 출력한다.

const [likeusercnt, setLikeusercnt] = useState(0); // 영화를 좋아하는 유저 수

 const currentLikeUserStateCheck = async () => {
    const { data: currentMovieLikeData } = await supabase.from('movielikes').select('*').eq('movieid', props.movieid);
    if (currentMovieLikeData?.length !== 0) {
      const likeusers = currentMovieLikeData![0].userid.length;
      setLikeusercnt(likeusers);
    }
  };

로그인 기능과 병합하여 현재 유저가 좋아요를 체크했는지와 좋아요를 추가하는 로직을 만들어야한다.
lodash를 사용하여 한번에 변경되도록 짜보자

CS

CPU와 메모리

컴퓨터 구성

CPU + 메모리 + 입출력장치

CPU 동작

명령어 인출 -> 해독 -> 실행 -> 반영

메모리

명령어를 빠르게 처리하기 위한 장치
보통 DRAM을 가리킨다.(쌈)

CPU와 메모리 구조

• 하버드 구조
  메모리를 2개로 분류하여 연산을 수행한다.
  명령어 메모리, 데이터 메모리

• 폰노이만 구조
  메모리가 하나로 되어있다.
  보조기억장치에서 데이터들이 CPU에서 연산되기 위해 하나의 메모리에 올라간다.

개선된 구조로는 하버드+폰노이만을 사용한다.
내부는 하버드, 외부는 폰노이만

면접질문 정리

상태관리를 왜 할까요? 그리고 평소 state 관리는 어떻게 하시나요?

props drilling 방지를 하기 위해서 입니다. 상태관리를 하지 않는다면, 컴포넌트는 props를 통해 데이터를 전달하는데 상태를 추적하거나 흐름을 파악하기 어려워집니다.

Redux를 사용하여 상태를 관리합니다. 상태 관리가 복잡하거나 데이터 흐름을 체계적으로 관리하기 위해 사용합니다.

Next13 버전으로 공부하고 있는데 확실히 오래되지 않은 기술은 예시가 별로 없어서 직접 생각해서 활용해야 하기 때문에 공부하기 힘든 것 같다. 혼자 새로운 기술을 공부할 수 있도록 문서 읽는 법을 더 익혀야할 것 같다.