props, eventHandler, 게시물 삭제, every, 수정하기

7/14

 

key에는 index를 넣으면 안됨

날짜가 나오도록 넣어둠

props를 이용해서 연결

props

작은 빨간 네모 id = 상세보기로 들어가는 것

 

동적 라우팅, 다이나믹 라우팅

 

이벤트핸들러 함수

eventHandler

이미지 넣는 방법(연필 그림)

img

오른쪽꺼 클릭하면 게시판 등록으로 이동할 수 있게 만들기(자유게시판에 게시물 등록하기 버튼 클릭)

 

실무에서 사용하는 것

👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏👏

 

게시물을 등록하고 삭제를 하게 만드려면?

오른쪽 아래 삭제하기를 클릭하면 왼쪽 네모부터 오른쪽 순으로 가는 것

 

queries이용

결과값이 객체로 나오는 것이 아니기 때문에 중괄호 없음

 

게시물을 삭제하면 목록으로 돌아가도록 만들기

네트워크 요청 - 실패할 수 있으니 catch(error) 적는다, list = 삭제하면 list로 돌아가게 만들기

onChangeInputs가 연결됨

 

 

every

참이면 전체가 반환하게 됨

 

있으니까 true

객체 중 가장 많이 쓰는것
key들만 뽑아서 만드는 기능
values들만 뽑아서 만드는 기능

마지막은
벨류가 모여있는지 안모여있는지 체크하는 것
하나라도 비어있으면 false

0, “”, false, undefined, null
거짓을 나타냄
“뭐가 있으면” => 참

1줄이면 {중괄호} 생략가능

이렇게

 

수정하기
컴포넌트를 재사용한다

Edit

props와 isEdit 이용해서 props.isEdit으로 한다

 

aaa가 밖에 있어서 사용할 수 없다

그래서 이것도 똑같다

 

 

등록할 때, 수정할때 쓸수있음

 

1을 넣었으니 문자는 못넣게 함

이런거는 따로 해야함 어떻게?

isEdit은 boolean타입이야~ props: IProps

정상이라는 뜻

 

이건 뭐지? 싶으면 any

 

 

괄호가 비었으니 () => void

AppProps