[TIL] Day8

은채·2022년 5월 18일
0

코드캠프 TIL

목록 보기
8/43

컴포넌트 재사용성

게시글 oo <자식>

  • 등록페이지로 인폴트 <부모> --> oo에 등록하기를 보여줄 수 있음
  • 수정페이지로 인폴트 <부모> --> oo에 수정하기를 보여줄 수 있음

컴포넌트를 재활용하여 등록하기, 수정하기를 한 번에 작업할 수 있다.
export/import, component, props, 삼항연산자 등의 개념을 사용한다.

  1. 등록하기 페이지 만들기 / 등록하기 페이지의 컴포넌트 , 프레젠터 만들기
  2. 조건을 주어 수정으로 바꾼다.
  3. 수정하기 페이지를 만들고 컴포넌트 풀러오기
  4. props, 삼항연산자 사용하여 조건을 다르게 준다.
  5. 각각의 페이지에서 isEdit를 수정하기 페이지일 경우 true,
    등록하기 페이지일 경우 false로 주고 이 불린값을 컴포넌트로 넘겨준다.

오늘 공부를 돌아보며

오늘은 코드리뷰를 했다.
어제 공부했던 Map과 filter 과제에서 신기한 코드를 쳐서 이 부분을 이야기 했다.

const Filter = classmates.filter((student) => student.school === '토끼초');
const result = Filter.filter((Filter) => (Filter.candy = 10));

정체가 무엇인지 알 수는 없지만 ㅎㅎ
갑자기 원하는 답이 나와서 깜짝 놀랐었다.

게시글 작성 - 상세보기 - 삭제하기 - 수정하기 까지 왔다.
너무 복잡해서 자주 해보면서 복습을 많이 해야 할 것 같다 ㅠ.ㅠ
마음이 급해서 중요한 부분에서 하나씩 빠뜨리고 있는데 주변에서 많이 도와주셔서
과제는 그럭저럭 하고 있다.

포트폴리오를 손 대야하는데 ㅠㅠ ㅎㅎ

profile
반반무마니

0개의 댓글