220510

오늘은 프로젝트 UI를 수정했다. 
css로 만들었던 파일을 styled component로 변경했다.
어제까지만해도 css 파일을 styled component로 바꾸는게 이해도 잘 안됐는데 오늘은 혼자서 공식 문서를 보고 변경하는데 성공했다.

그런데 폰트 적용하는데 계속 적용이 안돼서 고민하다가 스터디 같이하는분에게 물어봤다. 
구글링을 해가면서 방법을 찾아주셨다. 
타입스크립트에서 ttf를 인식을 못해서 타입에러가 났었다. 
그래서 fonts.d.ts 파일을 만들어서 declare module '*.ttf'를 해주었다.
그리고 index.css에다가 폰트 경로랑 이름을 정해주고 이거를 내가 사용하고자하는 Home의 style.ts에서 사용했다. 
바로 폰트 변경이 됐다..!

그리고 마우스 hover라는 것을 알게됐다.
마우스를 갖다 댔다는걸 알려주려고(?) 버튼의 색상이 변하는 그런,, 
버튼 배경이랑 글씨색을 바꿔봤다. 

아 프로젝트 들어가기 전에 export default랑 그냥 export에 대한 차이도 공부했다. 
그리고 css 가운데 정렬에 대해서도 찾아봤다. 

그리고 포모도로 마지막으로 프로그래머스 문제 하나 풀었다. 
이때 풀었을때는 테스트 코드 하나 통과 못했는데 
집와서 다시 풀어보니까 통과 했다.

 

프로젝트 할때 폰트 적용안되는걸로 애먹었는데 도움을 받아서 해결하니까 너무 속 시원했다.
코테 문제도 나름(?) 풀어서 기분이 넘 좋았다,,, 
그리고 export default에 대한 정보를 찾아보고 있었는데 모던 자바스크립트 문서에서 모듈 부분을 보면 된다고 알려주셨다.
앞으로 공식문서를 먼저 살펴봐야겠다.