전체 글
-
교내 SW 아이디어 대회 [6] Electron으로 PC app 개발(UI 완성, 구조 설계)프로그래밍/개발 2018. 6. 21. 23:33
웹앱은 이제 음악 재생과 플레이리스트 관리가 남았는데 이건 시간을 조금만 할애하면 금방 할 수 있을 것 같다(주말에 지하철코딩 각인가). 재미삼아 Electron으로 PC앱도 제작하려고 한다.오늘 아침에는 기본적인 레이아웃을 만들었다. Zeplin과 연동되는 줄 알고 Adobe XD를 사용해서 만들었는데 사실 Windows Zeplin은 Adobe PhotoShop만 지원한다고 한다...신난다. 스케치와 로컬에서 바로 리눅스 바이너리가 굴러간다는 것 다음으로 맥북을 사야 할 이유가 하나 더 늘었다(시험 끝나면 외주 뛰고 키보드 팔아서 2010년식 중고 맥북프로 제품을 알아봐야겠다).아무튼 그래서 XD로 디자인하고 에셋 정보 보면서 직접 프엔했다(헿). 웹앱이 굴러가는 서버에서 플레이리스트 정보에 대한 A..
-
교내 SW 아이디어 대회 [5] 메인페이지 완성(프엔 + 플레이리스트 조회)프로그래밍/개발 2018. 6. 21. 01:41
Playlistory : 학급의 플레이리스트에 새로운 스토리를 만들어보세요이전에 작업한 background-image의 검정색 오버레이 투명도를 낮추고 그라데이션을 씌워서 디자인과 가독성을 향상시켰다. 또한 메인페이지에 가면 현재까지 추가한 플레이리스트가 보이게 해두었다. 이제 재생 부분만 만들고 곡 추가하고 메인페이지로 돌아가는 부분 백엔만 더 깔끔하게 처리하면 대충 끝날 것 같다. 피곤하니 내일하는 걸루,,, 역시 Google Fonts와 Bootstrap은 정말 대단해...!
-
교내 SW 아이디어 대회 [4] 빌보드 차트 제공프로그래밍/개발 2018. 6. 20. 21:37
background-image를 넣고 글씨 크기도 조금 조정했다. 사용자들이 검색할 때 차트를 참고하면 좋을 것 같아서 실시간 차트를 하나 넣고 싶어졌는데, 유튜브 차트를 알아보다가 API가 없는 것 같아서 billboard-charts를 사용해서 빌보드 껄로 넣었다. pip3 install billboard.py https://github.com/guoguo12/billboard-charts pip로 쉽게 설치할 수 있다. import billboard def get_billboard_chart(top): # top decides list size(int type, max 100), for example top==10 returns top 10 songs in chart chart = [ [str(so..
-
교내 SW 아이디어 대회 [3] 버그 패치 및 저장 구현프로그래밍/개발 2018. 6. 20. 00:47
버그 패치 'DPR LIVE'의 'Playlist'로 검색하면 검색 결과가 아예 나오지 않는 것을 확인했다. API에 보내고 받는 응답을 체크해봤지만 계속 KeyError가 났는데, 디버깅 결과 검색 결과에 유튜브 플레이리스트 항목이 포함되어 있어서 나는 에러였다는 것을 알아냈다. 일반 동영상은 videoId에 키가 있는 반면 플레이리스트는 playlistId로 나오기 때문이였다. video_data_list = [] for idx in range(results): try: video_data = [] # 비디오 id, 제목, 채널, 썸네일 순 리스트 video = data['items'][idx] video_data.append(str(video['id']['videoId'])) # (생략) video..