05.23 (화)
오늘 한 일
- 웹 포트폴리오 구현
오늘 웹 포트폴리오를 구현하면서 문제 하나를 직면했다.
메뉴를 클릭하면 스크롤을 이동하는 기능을 구현하는 작업에서 useRef를 사용하여 해당 div로 이동하기를 원하는데 애당초 다른 컴포넌트에 작성되어 props로 ref를 넘겨줄 경우 props drilling이 생겨날 수 있고, 이것이 해도 되는 건지 아직 파악이 되지 않은 상태이기 때문에 어떻게 해야할지 참 고민이다.
구글링을 통해 검색을 해보니 React-Scroll을 써서 쉽게 컴포넌트 간에 스크롤 이동이 되는데 이것을 내일 사용해보고 성능에는 문제가 없는지 고민도 해봐야할 것 같다. 일단 오랜만에 생긴 문제에 머리를 쥐어짜는데 오늘 시간을 참 많이 보낸 것 같다.
전역 변수로 보내도 되는지, 전역 상태 관리에 ref가 담겨도 되는지 참 많은 고민을 했다. 가장 좋은 방법이 무엇인지는 아직 잘 모르지만 계속해서 시도도 하고 검색도 해서 나은 방향을 한 번 찾아봐야겠다.
느낀점.
생각보다 웹 포트폴리오 구현이 더딘 것 같다. 문제를 직면해서 막힌 것도 있는데 얼른 구조를 만들어야 하나 문제를 그냥 두고 나중에 해결하려고 하면 다른 문제가 발생할 수 있기 때문에 최소한 계획에 맞게 만드는 것이 중요한 건지 아니면 일단 문제보다는 큰 틀이 중요한 건지 이건 아직 경험이 없기 때문에 스스로 판단을 내리기 쉽지 않으나 이러한 고민도 나에게는 참 도움이 되는 것 같다. 내일 한 번 문제를 해결해보고 이 문제에 대해서 한 번 스스로 공부를 해봐야할 것 같다.
