언젠가는 펼쳐 볼 아카이브

코드 리뷰 // CategoryAPI 일부 코드 // 대분류 /소분류 카테고리 리스트만 불러오기 router.get( '/:parentCategory', validate(categoryValidation.getCategoryByParentId), categoryController.getCategoryByParentId ); ... //카테고리 수정 router.patch( '/', validate(categoryValidation.updateCategory), categoryController.updateCategory ); // 카테고리 삭제 router.delete( '/:id', validate(categoryValidation.deleteCategory), categoryController.del..

Hook 이란? 컴포넌트에서 데이터를 관리하고 데이터가 변경될 때 상호작용을 하기 위해 사용하는 것 hook은 리액트 함수(컴포넌트, hook) 내에서만 사용가능 함 hook의 이름은 반드시 "use"로 시작해야 함 최상위 level에서만 hook을 호출할 수 있음 실제로 프로젝트 1차에서 최상위 level이 아닌 조건문에서 사용하려고 했을 때, react가 에러를 발생시킨 경험을 했음 hook의 장점 컴포넌트의 함수가 많아질 때 클래스 구성 요소로 리팩토링할 필요가 없음 UI에서 로직을 더 쉽게 분리하여 두 가지 모두 사용 가능함 기존의 코드를 다시 작성할 필요 없이 일부의 컴포넌트들 안에서 hook을 사용할 수 있음 hook을 사용하면 컴포넌트로부터 상태 관련 로직의 추상화가 가능해짐 리액트 hook..

Props 란? 컴포넌트로 전달되는 매개변수 기본적으로 컴포넌트에 원하는 값을 넘겨줄 때 사용함 넘겨줄 수 있는 값은 변수,함수,객체, 배열 등 javascript 요소라면 제한이 없음 주로 컴포넌트의 재사용을 위해 사용함 props 는 읽기 전용으로, 값을 변경해서 사용하고 싶다면 새로운 변수를 생성해 변경해야 함 부모 컴포넌트에서 자식 컴포넌트로 전달하는 값으로 자식 컴포넌트에서는 Props를 직접 수정할 없음 DOM element의 attribute 기본 DOM element들의 attribute는 camelCase 로 작성함 data 또는 aira 로 시작하는 attribute는 예외 html 의 attirbute 와 다른 이름을 가지는 attribute가 있음 ex) class(=>classNa..

Data Schem 코멘트 반영 된 ERD API 관련 코멘트 카테고리 관련 API & 데이터 스키마를 작성하다보니 접근 방식이 다양하게 나오는데요. 이 방법들을 어떻게 채택하면 좋을까요? 나중에 카테고리 정보를 이용해 상품 리스트들을 필터하는 것도 고려중입니다. 카테고리의 기준을 잡아야 합니다. 단순히 카테고리의 계층 구조만 전달할 것인지, 아니면 카테고리에 많은 정보를 담아서 보낼 것인지 등 기준이 명확해야 혼동이 오지 않습니다. 상품 리스트 필터를 고려해서 카테고리에 다양한 정보를 넣고 싶으신거죠? 그렇다면 현재 작성해오신 구조보다는, Product의 데이터 스키마에 카테고리 값이 들어가 있는 형태가 더 편하실 겁니다. 카테고리는 단순히 계층 구조, 그러니까 대분류/소분류 계층 정보만 담고 있게 하..