발랑 리뷰

• 컴포넌트 분리를 더 신경쓰자.

ProductDetailPage 에서 components 폴더를 만들고, ProductDetailInfo, ProductDetailMainImages, 등등을 분리하는

---

Git 실습

https://velog.io/@mpfo0106/git-branch-%EB%B0%8F-merge-FullRequest-%EC%8B%A4%EC%8A%B5

---

타입스크립트 기초

https://velog.io/@mpfo0106/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EA%B8%B0%EC%B4%88

---

axios

기존 fetch

const options = {
  method: "GET",
  headers: {
    accept: "application/json",
    Authorization: `Bearer ${TMDB_ACCESS_TOKEN}`,
  },
};

const getMovies = async (type) => {
  const endpoints = {
    nowPlaying:
      "https://api.themoviedb.org/3/movie/now_playing?language=ko-KR&region=KR&page=1",
    topRated:
      "https://api.themoviedb.org/3/movie/top_rated?language=ko-KR&region=KR&page=1",
  };
  const response = await fetch(endpoints[type], options);
  const data = await response.json();
  const movies = data.results;

  return movies;
};

axios 변환

const tmdbClient = axios.create({
  baseURL: "https://api.themoviedb.org/3/movie",
  headers: {
    accept: "application/json",
    Authorization: `Bearer ${TMDB_ACCESS_TOKEN}`,
  },
});

---

리액트 useRef

https://velog.io/@mpfo0106/%EB%A6%AC%EC%95%A1%ED%8A%B8-useRef

---

---

Next js 구조잡기

https://velog.io/@mpfo0106/Next-js-%EA%B5%AC%EC%A1%B0%EC%9E%A1%EA%B8%B0

---

Next js 에서 Redux

https://velog.io/@mpfo0106/Next-js-%EC%97%90%EC%84%9C-Redux

---

쿠키 인증

https://velog.io/@mpfo0106/%EC%BF%A0%ED%82%A4-%EC%9D%B8%EC%A6%9D

---

리액트 쿼리

https://velog.io/@mpfo0106/React-Query