TIL 20일차

지난주엔 npm install에서 계속 오류가 나서 그곳에 신경쓰느라 페어와 함께 과제를 풀어가는 동안 영혼이 조금 나가있었다. 오늘은 그래서 지난주에 배우기 시작한 리액트 과제를 다시한번 혼자 풀어보는 시간을 가졌다. 물론 아직도 어려운것은 마찬가지이지만 고차함수를 다시 정리해보고 코플릿을 통해 고차함수에 조금은 익숙해지니까 리액트에서 사용하는 map이 이해가 되었다. 리액트에 익숙해지고 언젠간 잘 하게 되길 바라며 열심히 익혀야겠다.

React Twittler Intro 과제

TODO : 메세지 아이콘을 작성합니다.
TODO : dummyTweet로 전달되는 데이터의 갯수를 보여줍니다.
TODO : Footer 함수 컴포넌트를 작성합니다. 시멘틱 엘리먼트 footer가 포함되어야 합니다.
TODO: 트윗 저자의 프로필 사진이 있어야 합니다. 
TODO : 유져 이름이 있어야 합니다. 
TODO : 이름이 "parkhacker"인 경우, 이름 배경색을 rgb(235, 229, 249)으로 바꿔야 합니다. 
TODO : 트윗 생성 일자가 있어야 합니다.  
TODO : 트윗 메세지가 있어야 합니다.
TODO : Footer 컴포넌트를 작성합니다.
TODO : Sidebar 컴포넌트를 작성합니다.

주어진 미션이 이렇게 주어진다. 코드 사이사이에 있는 TODO부분에 코드를 작성해서 npm run test를 했을때 테스트를 통과해야하는것이다. 간단하게 이렇게 주어진 문제만 가져와보았다. 리액트 학습을 시작하고 처음 내는 과제인만큼urclass에 힌트가 많이 나와있어서 도움이 많이 되었다. 내일은 다음날 진행한 리액트 과제를 풀어볼 예정이다.

컴포넌트 기반 개발의 특징

1. 기술적인 특징이 아닌, 실제 사용자가 사용하는 기능을 기준으로 코드를 모아 개발한다.
2. 마크업, 디자인, 로직을 긴밀하게 연결하여 개발을 할 수 있다.
3. 컴포넌트는 재사용 가능하여 효율적인 개발이 가능하다.

Today's Key🔑

1. 삼항식을 잘 기억하자!
2. 컴포넌트를 재사용성 있게 만들면 단순 반복되는 코드를 간결하게 작성할 수 있다.(ex: map)