[TIL] 211109

---

느낀점

 

- 드디어 배우지 않은 부분을 배웠다. perspective를 사용한 css 기법이었는데 내가 바라고 원하던 인터랙티브한 웹을 만들기 위해 한걸음 간 것 같으면서도 처음이라 어려웠다. 완벽히 이해할 수 있게 할 것이다.

 

- 이렇게 보니까 정말 처음부터 아무것도 몰랐던 분 들은 너무 힘들었겠구나 싶었다. 더더 열심히 해야겠다.

 

---

 

배운점

 

- 어느정도의 암기는 중요하다. 많은 구현으로 코드 짜는데 익숙해지는 것이 중요하며 어떻게든 해내겠다 하면 양이 많아지며, 양이 많으면 점점 질이 높아진다고 한다.

 

- css 작성 시, 적어도 두 개, 내 부모까지는 css를 명시하는 것이 좋다.

 

- default display는 block이기 때문에 밀어주고 포지셔닝 하고 싶다면 일일이 inline-block으로 바꿔 주어야 한다.

 

- 실무에서는 인라인 방식을 잘 쓰지 않는다. 그러나 svg에 애니메이션이나 이벤트를 주려고 할 때 인라인을 쓴다.

 

- transform-origin이 중심축을 정한다.

 

- animation-fill-mode: 애니메이션의 끝난 후 상태를 정의한다.

 

- perspective는 화면이 해당 물체와 얼마나 멀리 떨어져 있는지를 정의해준다.