dummyTweets와 fontawesome에서 제공하는 아이콘을 사용할 수 있도록 import 문을 위에 작성했습니다.
사이드바
사이드바 부분에 아이콘을 추가하기 위해 i 태그를 사용하여 CodeStates에 지정된 클래스를 지정했습니다.
여기서 Javascript는 클래스이지만 React는 클래스 이름으로 사용됩니다.
스위치
트윗 개수를 화면에 표시하기 위해 배열의 길이를 사용하여 dummyTweets의 키만 배열로 가져왔습니다.
보행인
바닥글은 웹 페이지 하단을 구성할 때 태그로 자주 사용됩니다.
이 경우에는 footer 태그에 텍스트를, div 태그에 이미지를 넣어 화면 하단에 이미지를 표시하는 컴포넌트를 만들었습니다.
트윗
여기서 dummyTweets의 각 요소는 map 메소드를 사용하여 콜백 함수에 적용됩니다.
Tweet이라는 요소는 dummyTweets의 모든 요소입니다. 이러한 각 항목은 사용자 이름이 “parkhacker”인 항목만 선택합니다.
항목의 사진, 이름, 트윗 생성일, 트윗 내용 등의 정보를 가져와 목록 항목으로 반환합니다.