4월 26일 코드리뷰 모음

숫자변형 함수코드

export default function formatPrice(price: number) {
  return price.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");

• P9: 이미 활용하곤 있을 것 같긴한데 이런 자잘한 코드는 chat gpt 가 정말 잘 만들어내는 듯. 단 그냥 가져다가 쓰면 정작 중요한 학습을 하지 못할 가능성이 높으므로 꼭 이해해볼려고 하고 사용하도록

Inital Value

const detailInitialValue: ProductDetailType[] = [

• 이런 initial value 들은 recoil 을 사용하면 보일러 플레이트 코드 줄일 수 있을 듯

DB-Data Set 수정

• P9: 실전에서는 어떻게 했을지 고민해보면 좋을 듯. 실전에서는 (매번 개발에 용이하게 data set 을 바꿔달라고 얘기하기 어려울 수도 있기 때문)

핸들링 함수

onClick={() => props.onTabClicked()}

• P5: 핸들링 코드가 점점 비대해지면 그걸 묶은 별도 함수로 빼도 좋을 듯. (렌더링 코드에 핸들링 코드가 비대하게 들어가면 가독성이 좋지 않으므로)

React query 스터디

  const productInitialValue: ProductType = {
    productList: [{ id: 0, productName: "", productImage: "" }],
  };
  const topRankProductData = useFetch<ProductType>(

* P99: 시간날 때 react query 한번 스터디 해보셔여