[프리온보딩] 220531 그룹과제 #4 개인과제 #2

그룹과제 #4 개인과제 #2

공식적인 내생각

넣고 싶은 기능은 많은데 내 속도가 못 따라간다

왤케 뇌가 살살 녹아가는 기분이지.. 요즘들어 집중이 너무 안돼서 탈이다

타협을 좀 해가면서 해야겠다

 

오늘은 실강에서 모의면접을… 했는데 지켜보면서 내가 아는게 아는게 아니라는 것만 뼈시리게 깨달았다

구현이 다가 아니구나 이론까지 내것으로 만들어야 “진짜" 다 SSR (Super Super React) 맨이 되기 위해 노력해야겠다

작업 내용

깃허브 특정 날짜의 특정 유저 커밋 다 가져오기

$> curl -H 'Accept: application/vnd.github.cloak-preview' \https://api.github.com/search/commits?q=author:[유저명]+author-date:[YYYY-MM-DD]

어떤 레포에서 어떤 커밋을 작성했는지 좌라락 뜬다

오늘 커밋 했는지 안 했는지 알아보려면 작성 날짜 (author-date) 를 오늘 날짜로 맞춰놓고, 응답 객체 내의 total_count가 몇인지만 보면 된다

리액트 Datepicker 스타일 적용 안되는 문제

import 'react-datepicker/dist/react-datepicker.css';

위의 한 줄을 추가하자

그래야 DatePicker의 css가 정상 작동한다

flexbox 내의 요소가 나머지 공간 꽉 채우게 하기

flex: 1; // 가중치

flex-grow랑 flex-shrink를 둘 다 적용시켜 주는 속성이다

flex-grow는 flexbox 내에서 빈 공간이 있을 때 요소의 크기를 그 만큼 늘려서 공간을 채워주고, flex-shrink는 flexbox의 공간이 부족할 때 요소의 크기를 줄여준다

flexbox 내에서 크기가 유동적인 요소가 여러 개고, 각각의 크기 비율을 다르게 주고 싶다면 flex 속성의 값을 다르게 주면 된다

예를 들어 flex: 1인 요소와 flex: 2인 요소는 flexbox 내에서 1 : 2 비율을 유지한다

datejs 날짜 비교

dday.diff(today, 'd')

날짜를 비교하고자 하는 기준 날짜에 diff 메서드를 사용한다

첫 번째 인자는 비교하고자 하는 날짜 (string이든 Date이든 datejs.Datejs든 타입은 상관없다)

두 번째 인자는 비교 단위로, 예시에서 d는 일을 나타내므로 반환값은 차이 일수이다

m을 넣으면 월 단위로 비교하여 개월수를 반환하고, y를 넣으면 연 단위로 비교하여 연수를 반환하는 등 디데이 작성할 때 꿀이다

datejs에 유용한 메서드들이 많아서 한번 정리해야 하는데 구현하느라 정신이 없어서 손을 못대고 있다…