210312_TIL

🍎 오늘 한 일

React, CSS 연습
하나의 CSS 파일에서 모든 스타일링을 하는게 아니라, React의 컴포넌트를 위주로 스타일링을 해보려고 연습했다. SCSS로 기본적인 처리를 하고, 몇몇 컴포넌트들은 styled-components 라이브러리를 사용해 스타일을 적용했다. 기본적인 사용방법은 익힌 것 같은데 언제 따로 파일에 작성해야하고, 언제 styled-components 로 정의해야 하는지 그 경계에 대해서는 좀 더 공부할 것 같다. 추가적으로 일정 크기 이하로 줄어들면 media-query를 이용해 레이아웃이 바뀌도록 반응형 웹을 구축하는 연습도 했고, 스크롤 위치에 따라 다른 효과를 나타내는 인터랙티브한 페이지를 만들어보기도 했다. 오랜만에 CSS에 집중해보니까 이벤트나 position, transition에 대한 공부가 부족하다는 것도 생각도 들었고, 애니메이션이 화려해지고 복잡해질수록 수학 공식들이 필요해지는 것 같아서 이 부분에 대해서도 좀 더 보충을 해야겠다.

 

🍎 기억할 것

html data-* 속성
HTML 요소에 추가 정보를 저장하게 해주는 속성으로 dataset 이라는 속성을 통해 읽고 쓸 수 있다.

 

🍎 더 공부할 것

✔️ 이벤트 종류
✔️ position
✔️ animation, transition

 

 

✏️ 다음 주부터 프로젝트가 시작된다! 주말 이틀의 시간 동안은 큰 욕심 부리지 않고, 지금까지 배웠던 것들을 복습하면서 완전히 익혀두도록 해야겠다. 가끔씩 토이프로젝트들을 개인적으로 해보면서 생각보다 밑바닥부터 시작하는게 쉽지 않다는걸 느껴서, 빠르게 배운만큼 복습을 꼭 해야할 것 같다는 생각이 들었다. 무엇보다 또 프로젝트가 시작되면 쉴새없이 달리게될 것 같아서 잠도 많이 자두고 체력보충도 해둬야지.. 기대된다 👏🏻