TIL_210217

📝 오늘 한 일 / 배운 것

🖋 React를 이용한 유튜브 클론코딩

오늘은 비디오 플레이어 애플리케이션을 간단하게 리액트로 구현해보는 스프린트가 있었다. 그런데 생각외로 너무 일찍 끝나서 페어분과 함께 직접 유튜브 클론코딩을 해보기로 했다.

기본적으로 유튜브 API를 이용해 검색을 가능하게 하는 것과, 플레이리스트, 동영상 플레이어를 위한 컴포넌트를 제작했었다. 그 외에 추가 하고 싶은 기능들을 페어분과 얘기해 기능뿐만이 아닌 직접 유튜브 처럼 댓글, 구독, 좋아요 등을 추가해보기로 했다.

처음엔 리액트가 어려웠지만 조금이나마 익숙해졌는지 원하는 기능을 직접 만들 수 있었지만 CSS는 많이 모자르다는 생각이 들었다..

이 중에 댓글에 있는 좋아요를 눌렀을 때, state를 어디서 관리할지에 대해 생각해보고 만들었다가 아무 이유없이 좋아요를 누른 댓글이 사라지거나 댓글들의 순서가 바뀌는 일이 발생했다?! 3시간이나 원인을 찾다가 의심이 가는 건 비동기때문일 것 같다는 생각이 들었지만 결국 해결은 하지 못했다.. 내일부터 리액트 훅과 리덕스를 통해 전체 state를 관리하는 법을 더욱 자세하게 배우고 리팩토링을 해보도록 해야겠다!