1. 플레이리스트 전용페이지 (왼쪽은 모바일 오른쪽은 데스크톱 )

사용자가 플레이리스트 페이지를 들어올시 보이는 메인화면으로  하단에 플레이,이전,다음버튼을 추가해주었고 

랜덤버튼 및 음량 조절 버튼도 추가했습니다 

2. 플레이리스트 메뉴 

사용자의 플레이리스트를 보여주는 화면입니다  

3.데일리차트

일간 데일리차트를 받아와 보여주는 목록입니다  ( 벅스 데일리차트를 크롤링한 데이터입니다 )

체크박스를 통해 원하는 곡을 클릭하거나 전체 재생목록추가를 클릭시 플레이리스트에 해당곡이 추가가됩니다.

4.플레이리스트 곡실행시 화면 UI

플레이리스트에 저장된 곡을 실행시 플레이되는 화면입니다

이전에작업을 하던 개인프로젝트에 몇가지기능을 추가해봤습니다 방학인지라 카페에 피난와서 끄적끄적이고있습니다

궁금한점있으면 댓글남겨주세요.

몇개월전의 작성된 SNS 크롤러가 작동하나 테스트겸 돌렸더니 오류를 뿜어내길레 살펴보니..

selector 부분쪽을 손을 본것인지 안되길레 수정했습니다

API 권한이나 좀 풀어주지...

변경된 부분은 이미지,Like 표시 등등 미세하게 바꿔놨습니다.

https://github.com/choy1379/-tagtop

인스타그램만수정했습니다

http://plposer.tistory.com/23 어댑터 패턴 외부 클래스

사용자가 Controller를 조작하면 Controller는 Model을 통해서 데이터를 가져오고 그 정보를 바탕으로 시각적인 표현을 담당하는 View를 제어해서 사용자에게 전달하게 된다.

사용자가 웹사이트에 접속한다. (Uses)
Controller는 사용자가 요청한 웹페이지를 서비스 하기 위해서 모델을 호출한다. (Manipulates)
모델은 데이터베이스나 파일과 같은 데이터 소스를 제어한 후에 그 결과를 리턴한다.
Controller는 Model이 리턴한 결과를 View에 반영한다. (Updates)
데이터가 반영된 VIew는 사용자에게 보여진다. (Sees)

http://yubylab.tistory.com/entry/디자인-패턴-for-javascript-Module-Pattern

오랜만에 글 올리네요 5월에 쉬는날도많고 헤이해져서 글을 올리지못했습니다 

이를 위해 우선 youtube 영상을 다운받는 모듈은 ytdl 이 대표적인데 저는   youtube-audio-stream 을 사용해볼까합니다 

Youtube-audio-stream 모듈을 이용하면 ytdl 을 이용해 ffmpeg 코드를 직접코딩할필요없이 youtube영상에서 음원을 추출한후

스트리밍해줍니다

Server Side

Client Side

최근 socket.io 를 사용할일이있었는데 설치하는데 애를 먹어서 포스팅을 남깁니다

1) socket.io 를 설치해준다

npm install socket.io --save

지금 하고있는 프로젝트의 케이스는 기존 서버에 소켓서버만 추가를 하고 헤더만 다르게 주워서 필요할때만 소켓 서버를 이용하게 할 생각이다

기존 서버는 express 를 이용해 http post 정도만 사용을 했다 

<소스 : server.js>

npm install --save @types/socket.io