1. scss를 배우면서 해외 웹페이지 클론코딩함.

scss는 에러 메세지를 보여줘서 오류를 금새 해결 할 수 있었음
_titles.scss 임포트 못했는데 
폴더에 제대로 안 들어가 잇었음.
에러메세지로 금방 찾아서 title부분 css적용 해결함.

2. 몰랐던 선택자를 알게됨. (footer를 제외하고 다 선택)

body > *:not(.footer){
}

3. 이미지 사이즈가 다르면 flex box 비율이 달라짐.

이미지 속성은 다 똑같이 줬는데 
3장 중 하나는 다른 크기의 이미지라서 
옆에 컨텐츠 부분까지 비율이 안 맞았음. 
따라서 flex 정렬이 가운데로 적용이 안됨.

이미지 사이즈 같은걸로 바꾸니까 제대로 글자 정렬됨

4. css배우기 전 클론했던 앱 배운 flex로 업데이트함.

이전에는 css공부하기 전이라 적용하지 못했던 
바닐라 js로 클론코딩한 앱의 요소들을 다시 정렬함.

느낀점

1. relative design을 위해 value(px)보단 vh, vw, 1fr 사용하자

2. 해결 안되면 쉬었다가자
   어제 안 보이던게 다음날 보니 보임
   막힐때 끙, 하고 붙잡고 있지 말고 머리 식히고 다시 보기

3. 남의 소스보고 그대로 쳐보자
   이럴땐 이렇게 적용되는구나 느끼면서
   내가 쓰고 싶을때 검색해서 금방 적용할 수 있게됨

4. css 하나도 모를때가 엊그제 같은데
   클론과제하면서 코드 따라쳐보면서 많이 익숙해짐

5. 조금씩이라도 꾸준히만 하자
   앉아서 손가락 움직이면 쭉 하게 된다.
   시작이 반이다.