210321_TIL (First Project - Day7)

🍎 오늘 한 일

함수 작성 마무리
Modal Page의 API 요청 관련 함수 작성을 마무리지었다. Dropdown UI 가 필요한 부분도 있어서 이부분도 완성했다. 이 과정에서 datalist와 select 태그의 차이점에 대해서 알게되었고, 서버에 계속해서 요청을 보낼 생각이었는데 그럴 필요가 없다는 것도 깨달아서 코드를 수정했다.

Custom Hook 만들어보기
이벤트 처리를 위해 useRef와 useEffect를 이용한 Custom Hook 을 하나 만들었다. 좀 더 다양한 곳에서 쓰기 위해서 매개변수를 받을 수 있게 했다.

차트에 Gradient 효과 추가
브라우저에 내장된 canvas API 를 이용해서 라이브러리로 만든 차트에 gradient 효과를 추가할 수 있다고 해서 도전해봤다. 리액트라서 gradient 마저 state로 관리를 해줘야했다. 오늘 한 것들이 dom이랑 관련된 부분이 많아서 그런지 뭐만 하려고하면 React Hooks 가 자꾸 신경쓰이게했다. hooks를 마스터하겠다는 오기가 생긴 날이었다.. 그래도 이제는 좀 말을 듣는 것 같아서 발뻗고 잘 수는 있을 것 같다. 점점 많은 도전을 할수록 머리는 아프지만 재밌다!

 

🍎 해야할 일

✔️ 서버, 클라이언트 연결 테스트
✔️ UI 개선

 

 

✏️ 페이지 전환 효과나 자연스러운 스크롤 등.. 정말 사소해서 사용자는 당연하게 여기고 하나의 기능이라고 느끼지 못하지만, 정말 그렇게 의식하지 못할 정도로 사용하기 편한 UX를 제공하기 위해서는 개발자의 엄청난 정성이 필요하다는 걸 깨달았다. 디테일한 부분을 신경써야겠다.