이번 포스트에서는 작년 말부터 꾸준히 개발해온 토이 프로젝트에 대한 소개와 그 원리 및 구조에 대해 설명하는 내용을 적어볼까 한다.
실시간 스트리밍 서비스
는 요즘 세대에 아주 친근한 서비스로써 ‘Youtube Live’, ‘Twitch’, ‘AfreecaTV’ 등이 있다.
필자 또한 이런 인터넷 방송을 즐겨보는 편인데, 비동기 방식 처리에 훌륭한 노드를 이용하여 직접 개발해보면 어떨까?
라는 아주 작은 생각으로부터 개발은 시작되었다.
이번 포스트에서는 작년 말부터 꾸준히 개발해온 토이 프로젝트에 대한 소개와 그 원리 및 구조에 대해 설명하는 내용을 적어볼까 한다.
실시간 스트리밍 서비스
는 요즘 세대에 아주 친근한 서비스로써 ‘Youtube Live’, ‘Twitch’, ‘AfreecaTV’ 등이 있다.
필자 또한 이런 인터넷 방송을 즐겨보는 편인데, 비동기 방식 처리에 훌륭한 노드를 이용하여 직접 개발해보면 어떨까?
라는 아주 작은 생각으로부터 개발은 시작되었다.
(당신이 사이드 프로젝트를 시작해야 하는 이유 에서 이어지는 시리즈)
지난 포스트에서 예고했듯, 이번 포스트에서는 사이드 프로젝트
를 시작하려고 하는 분들에게 도움이 될만한 주제인 클론 프로젝트
에 대해 소개해보려 한다.
이번 포스트에서는 사이드 프로젝트
의 중요성에 대해 적어보려 한다.
사이드 프로젝트
또는 토이 프로젝트
라는 용어가 낯선 이들에겐 새로운 흥미를,
이미 알고 있었지만 실천하지 못한 이들에겐 다시금 동기를 부여해주는 포스트가 되리라 믿는다.
(이전 블로그에서 포워딩해온 포스트)
지난 포스트에서 언급한 듯이 React Hooks이 정식 릴리즈되었다.
이후 계속해서 훅에 대한 공부를 진행하기 위해 요즈음 제일 애정을 갖고 있는 'GraphQL'
과 'React hooks'
를 함께 사용하여 유명한 메신저 서비스인 Slack
의 일부 기능만을 클론해보았다.
(이전 블로그에서 포워딩해온 포스트)
드디어 기다리던 Hooks이 React에 정식 기능으로 탑재되었다.
여러가지 Hooks을 직접 사용해보기 위해서 hookPlayer
라는 작은 사이드 프로젝트를 진행해보았다.
Youtube URL
또는 Video id
를 입력하여 자신만의 플레이 리스트를 관리하고 이를 로컬 스토리지에 기록함으로써 유지되도록 개발하였다.
이제 막 출시한 Hooks에 대해 경험해보고 싶은 욕심에 진행해본 프로젝트였기에 '올바르게 사용했다'
라고는 말하기는 쉽지 않지만 Hooks을 이해하는 데에 큰 도움이 된 것은 확실하다.
Update your browser to view this website correctly. Update my browser now