시작하며,
기본이 가장 중요하다. 본질은 기본에 있다. 이말을 늘 기억하자.
Momentum에 CSS 적용하기
3월에는 Nomade Coder 강좌에서 만든 Momentum App에 CSS를 효과를 추가하기로 계획했다. 어떻게 할까 고민하다 Youtube 영상을 보고 시계를 만들 때 필요한 CSS 속성과 To-Do List를 만들 때는 필요한 CSS 속성이 어떤 것이 있는지 확인하고 조합하는 방법을 택했다. 따라하다 보니 시계, To-do List 영역의 각각의 꾸밈이 중요한 게 아니라 각 요소의 배치가 중요함을 알게 되었다.
Position 속성 공부
모르면 MDN에 접속하라는 니콜라스의 말을 기억하여 CSS position 속성을 공부했다. static, relative, absolute, fixed, sticky 속성의 특징을 블로그에 포스팅하기도 했다. 하지만, 실제로 어떻게 써야 할지 잘 모르겠다. 더 많은 곳에 적용해 봐야 할 듯하다.
Flex와 Grid 공부
Position 속성을 공부하고, MDN의 Layout 섹션을 보니 Flex와 Grid 위주로 설명되어 있다. Position 속성과 float을 사용하는 것은 Old Style이라는 말도 Youtuber를 통해 들은 것도 같고, 강좌도 몇 개 본 것 같아 이기회에 함께 공부하기로 마음먹었다. 글도 읽고 Youtube를 보며 공부했다. 추천해 주는 flex froggy 문제와 grid garden 문제도 모두 풀었다. 그렇다고 자유자재로 사용할 정도로 내 실력이 향상되지는 않았다. Position 속성과 마찬가지로 역시나 언제, 어떻게 사용하는지 잘 감이 오지 않는다. 더 많은 경험이 필요하다.
Momentum App 분석
이제는 때가 되었다 싶어 계획했던 Momentum App에 CSS 효과를 적용하기 위해 chrome에 Momentum App을 설치하고 분석을 했다. 부가 기능이 꽤나 많다. Nomade Coder는 강의를 위해 간략한 형태로 변형한 듯. 일단 4월에는 Momentum App을 찬찬히 분석해보려 한다. CSS 적용은 언제쯤 할 수 있을지?
마치며,
계획과 다르게 진행하면서 잡생각이 끼어든다. 그러다 보면 난 다른 곳으로 가고 있다. 매월 계획을 어디에 적어 놓아야 하는지? 변화가 필요하다.
