코드캠프 Day 11

OwlSuri·2022년 3월 28일
0

코드캠프

목록 보기
31/40
post-custom-banner

3주차가 시작되었다.
1~2주가 가장 힘들다고 했었는데, 잘..? 넘겼네!!!
지난주에 좀 위기들이 있었지만, 그런대로 잘 넘겼다.
이번주에도 당연히 위기가 있겠지,,,,??

오늘 배운 것

어제 MaterialUI 하다가 색변경이 잘 안되어서 포기했었는데,
오늘 ant-design을 배웠다. 커스텀이 훨씬 쉬운 듯하다.
어제까지 했던 포트폴리오 부분 디자인을 수정할 예정이다.

만든 댓글에서 아이디나 특정 div에 onClick을 쓰면 그 부분만 event target이 된다.
부모태그에다가 하면 블록 전체에 클릭이 되지만, 자식 div가 없는 부분에서만 값을 불러올 수 있었다.
그렇다고 자식태그 하나하나에 모두 id값을 줄수는 없는일.

이때 사용할 수 있는 것이 event.currentTarget.id이다. 부모태그에만 id값을 넣어주면 그 블록 모두에서 값을 가져올 수 있다.

이벤트 버블링은 자식에서 부모로 이벤트가 전파되는 것인데, 자식태그들이 부모태그 위에 있어 생기는 오류이다. 이때 위처럼 해결할 수 있다.

이벤트 버블리의 반대는 이벤트 캡처링.

게시판 프로젝트 진행 상황

댓글 create와 read까지는 구현했다.
댓글을 등록한 후 입력한 글이 그자리에 남아있는 현상이 있었는데,
input태그 부분(입력부분 프래젠터)에 value 값을 주고,
컴포넌트 등록하기 클릭 이벤트 부분에 setWriter, setPassword, setContents 값을 빈값으로 주었더니 해결되었다.(이 값들이 받은 writer, password, contents는 props로 프레젠로 내려주어야한다.)

오늘은 별점구현과 좋아요 기능 구현, youtube 입력받는 부분을 완성할 예정

profile
기억이 안되면, 기록을 -
post-custom-banner

0개의 댓글