(이전 블로그에서 포워딩해온 포스트)
드디어 기다리던 Hooks이 React에 정식 기능으로 탑재되었다.
여러가지 Hooks을 직접 사용해보기 위해서 hookPlayer라는 작은 사이드 프로젝트를 진행해보았다.
Youtube URL 또는 Video id를 입력하여 자신만의 플레이 리스트를 관리하고 이를 로컬 스토리지에 기록함으로써 유지되도록 개발하였다.
이제 막 출시한 Hooks에 대해 경험해보고 싶은 욕심에 진행해본 프로젝트였기에 '올바르게 사용했다'라고는 말하기는 쉽지 않지만 Hooks을 이해하는 데에 큰 도움이 된 것은 확실하다.
(동작하고 있는 hookPlayer)
Repo: https://github.com/dev4us/hook-player
프로젝트 선정 & 인터뷰
(indie makers에 게시된 내용)
해당 프로젝트를 개발하고 난 후 토이 프로젝트들을 소개하는 indie makers 에 해당 프로젝트가 소개되었으며, 가벼운 인터뷰 같은 내용 또한 게시되는 좋은 경험도 하였다.
Publish URL: https://indiemakers.net/review/hookplayer
Archive URL: https://archive.is/4HLRj
인터뷰 내용
자기소개
안녕하세요? 풀 스택 개발자를 지향하고 있는 dev4us 입니다. 노마드 코더에서 주로 공부를 하고 있습니다.
어떤 서비스인지 설명해주세요
본인이 좋아하는 유튜브 링크로 자신만의 플레이 리스트를 만들고, 데스크탑, 모바일 어느 환경에서든 사용할 수 있습니다.
왜 시작하게 되었나요?
주로 음악을 들을때 Headset 이라는 앱을 주로 사용하는데요. 모바일에서는 지원하지 않고, 리소스를 많이 잡아먹는다는 단점이 있어 개발해보았습니다. 무엇보다 해당 앱의 컨셉에 크게 매력을 느꼈구요
어떻게 빌드하셨나요? (언어)
Only Frontend! React Hook 과 LocalStorage의 조합입니다.
앞으로 바라는 바는
사실 React hook이 정식 릴리즈되어 한번 공부해보자..하는 느낌으로 진행을 해본 것인데요. 생각보다 반응이 너무 좋아 당황했습니다. 처음 배포해본 서비스 이기도 하지만 ‘Link를 직접 넣지말고 검색을 하도록 해보자(니꼴라스 선생님 의견), 계정 개념을 추가하여 어디서든 플레이 리스트를 공유하게 해달라’ 등등 개인적인 메신저, 메일로 많은 요청을 보내주셨더라구요. 현재 유튜브 개발자 지원 사이트에 정식 개발을 진행해도 되는지 문의를 해놓은 상태입니다. 너무 라이트(공부용^^;) 하게 개발하였기에 리소스 낭비가 심하고 사용자가 사용하기에 불편한 UI 등 문제점이 많습니다. 만약 승인 메일이 온다면, 제대로 서비스하여 큰 관심에 보답할 생각입니다.
기타
해당 소스는 https://github.com/dev4us/hook-player 에서 확인할 수 있습니다. 좋은 소스는 아니지만 도움이 되신다면 언제든지 뜯어보셔도 좋습니다. Happy Coding! : )
마무리
결국 유튜브로부터 서비스를 해도 좋다는 답변을 받지 못했다고 한다.
끝