wecode +20 (9/6)

배운 것/개발한 것/정리한 것

- 어제 : Array.filter 기능 사용하여 댓글 삭제 기능 구현

// 클래스 내 함수
{
	removeComment = (commentId) => {
    	// this.state.comments를 불러온다
    	const {comments} = this.state;
        //filter를 사용하여 인자로 받은,지우려는 commentId가 아닌 댓글들만 filteredComments 변수에 저장한다.
        const filteredComments = comments.filter((comment) => {
        	comment.id != commentId;
        })
        // filteredComments로 setState 해준다.
        this.setState({
        	comments : filteredComments;
        })
    }
    
}

//render함수 내 JSX
{
	comments.map((comment) => {
    	return (
        	<li key={comment.id}>
            	<div>
                	<span className="commentId">YoungbinKwon</span>
                    <span className="commentDetail">{comment.comment}</span>
                </div>
                <div>
                  	<span>
                	    <i className="far fa-heart"></i>
                    </span>
                    <span>
                        <i
                          onClick={() => this.removeComment(comment.id)}
                          className="fas fa-times"
                        ></i>
                    </span>
                </div>
           	</li>
            );
       		}
 )}

 

- 오후 : 코드 리뷰 받은 사항 반영 완료

 

블로깅 : 

 - #1. React props & event

 - #2. 세션들 : HTTP, database

내일 할 일

1. 오전 : 코드카타!

2. westagram -> react 구현 (계속)

 1) 검색창 아이디 검색 기능 추가

 2) 피드를 배열에 저장한 후 map 기능으로 자동으로 뿌려주는 기능 추가

3. codecademy, nomadCoder 리액트 수업 듣기

회고

1) 구글링으로 해결 못할 문제는 없다. 잘못된 검색만 있을뿐이다.. 2) 매일매일 배웠던 세션들을 정리 잘하자