5. Scroll-event 구현

참고자료

 

BGMs - YouTube 플레이리스트 공유 및 원격 재생

 

Zaddle Agency - Webflow HTML website template

 

 

---

 

과정

이 영상을 보고 대충 그렸던, 내용을 좀 가다듬어서 만들었다.

 

뭔가 아름다운 방식으로 만들거라 생각 했는데, 실제로 보니까 아니였다.

백조는 발버둥친다는 말이 있다. 프론트 엔드도 그런걸까 라는 생각이 들었다.

 

뭔가 OOP스럽게 딱딱 설계되어있기 보다는, 수식으로 연산하고 눈속임으로 만든다는 느낌을 받았다.

당장 이것만 해도, scroll하는 크기를 구해서, widget을 이동시켜서 동적인 것 처럼 눈속이는 것에 불과하다.

처음에는 수직으로 이동하다가, 갑자기 수평으로 이동하게 할려하니 x, y 축이 헷갈려 삽집을 조금 많이 했다.

 

수평으로 그냥 이동하니까 심심해서, 움직이는 CD를 추가 했다.

원래 flutter는 자식에서 부모의 함수포인터를 받아서 사용하는 구조를 권장한다.

근데 scroll하는 값을 자식에게 전파해서 사용하는것이 뭔가 까다롭게 생겨서 그냥 GlobalKey로 해결을 했다.

 

마음 같아서는 똑바로 공부해서 이쁘게 만들고 싶지만,

난 flutter 개발자도 아니고, 그럴 시간이 없으니 다음에 다시 쓸 날이 온다면 그 때 공부를 하지 않을까 싶다.

 

---

 

피드백

• CD가 글씨를 너무 가린다고 하여, CD의 톤을 내렸다.