Today 요약
- 1만 시간의 법칙 페이지 구현해보기
- 리액트 쇼핑몰 강의 듣고 따라해보기
1. What I did?
1.1 1만 시간의 법칙 페이지 구현해보기
인프런에 있는 무료 강의 중에 1만 시간의 법칙 페이지를 제작하는 강의가 있다. 그냥 따라하기보다는 내가 직접 구현해보고 구현하면서 맞닿드리는 문제에 대해서 해결하고 해결하는 과정을 기록하는 연습을 위해서 상대적으로 쉬운 프로젝트를 정해봤다.
그렇다고 너무 쉽게 해결할 수 있었다라는 건 아니지만, 페이지를 구현하면서 생겼던 궁금점을 기록하면서 진행해보고 있다.
오늘은 css 스타일링을 하는 차례다. 스타일링을 진행하면서 발생했던 문제에 대해 하나씩 기록하고 있다. 이 또한 해결하든 하지 못하든 블로그에 일단 남겨놓고 멘토님한테 공유한 뒤, 차근차근 해결해나가고 해결하면 다시 블로그 글을 수정하는 식으로 진행해보려 한다.
2. What I Learned?
2.1 css 스타일링
1만 시간의 법칙 페이지 구현해보면서 새롭게 알게된 css 지식은 가상선택자를 활용해서 이미지를 배치할 수도 있고 input 태그의 placeholder의 글자도 흐리게 할 수 있다는 것이다. 또한 font에서 자주 사용하는 sans-serilf의 뜻도 알아봤다. 쉽게 이야기하자면 고딕체랑 비슷하다고 생각하면 된다. 그리고 Sass를 잠깐 사용했는데, & 구문을 이용해서 좀 더 가독성 좋게 선언할 수 있는 것 같다.
3. What I curious?
당분간 매일매일 생기는 질문들과 궁금증은 노션 링크로 대체한다.
https://fierce-baryonyx-006.notion.site/2023-06-21-6e6748b663f04d1ebec84d633b09f2fc?pvs=4
4.What I difficult?
4.1 디버깅
무슨 디버깅이든 처음에 맞닿드리게 되면 뭐든지 다 어려운 것 같다. 그렇게 어렵게 해결하고 나면 다음번에는 좀 더 수월해진다. 그리고 기록을 해놨다고 하면 해결은 더욱 쉬워지게 된다. 그리고 기록을 계속 하다 보면 자연스럽게 메타인지도 올라갈 것이라 생각한다. 그래서 결과적으로 보면 계속 기록하는 게 당장 시간은 오래 걸릴지라도 전체적으로 보면 제일 빨리 성장할 수 있는 방법이 아닐까 생각한다.
오늘도 리액트 쇼핑몰 강의 따라하면서 1년전 강의와 달라진 부분이 많아 디버깅하는데 고생좀 했다. 그래도 그렇게 붙잡고서 끝까지 하다보면 확실히 머릿 속에 오래 남는 것 같다.
