교내 SW 아이디어 대회 [6] Electron으로 PC app 개발(UI 완성, 구조 설계)

웹앱은 이제 음악 재생과 플레이리스트 관리가 남았는데 이건 시간을 조금만 할애하면 금방 할 수 있을 것 같다(주말에 지하철코딩 각인가).

재미삼아 Electron으로 PC앱도 제작하려고 한다.

오늘 아침에는 기본적인 레이아웃을 만들었다. 

Zeplin과 연동되는 줄 알고 Adobe XD를 사용해서 만들었는데 사실 Windows Zeplin은 Adobe PhotoShop만 지원한다고 한다...

신난다. 스케치와 로컬에서 바로 리눅스 바이너리가 굴러간다는 것 다음으로 맥북을 사야 할 이유가 하나 더 늘었다(시험 끝나면 외주 뛰고 키보드 팔아서 2010년식 중고 맥북프로 제품을 알아봐야겠다).

아무튼 그래서 XD로 디자인하고 에셋 정보 보면서 직접 프엔했다(헿).

웹앱이 굴러가는 서버에서 플레이리스트 정보에 대한 API(JSON)를 제공하면 PC앱에서 서버로 요청을 보내 데이터를 받아오는 식으로 제작하려고 한다.

이전에 구현해 둔 Allyajyo Music Player가 도움이 많이 되었다. 

사실 이전까지 Electron에서 Javascript를 활용하지 못하고 그냥 Python Flask로 만든 백엔드를 연결해서 썼었는데(그렇기 때문에 매우 비효율적이였다) 이번 기회에 조금씩 많이 배워가는 것 같다.

Python 우려먹는 것 좀 그만하자는 의미에서 이번 프로젝트 PC앱은 Javascript로만 제작해야겠다!

셤도 있으니까 시간을 잘 배분해야겠지만(최근 공부를 너무 손 놓고 있었다), 오늘은 API를 짜두고 토요일까지 웹앱 플레이리스트 재생 + 관리 기능을 만든 뒤 일요일에 PC앱을 완성하고 그 이후(본선 붙으면) PPT나 조금씩 만들면 되겠다.

생각해보니 시간이 은근히 촉박하다. 대회 자체가 아이디어 위주니 PC앱은 그냥 충분히 구현이 가능하다는 것을 알려주는 정도로 플레이리스트를 순서대로 쭉 듣는 것밖에 안되게 해야겠다(플레이리스트에 곡 추가 및 관리 불가). 

충격적인 것은 사실 안드로이드 앱도 생각하고 있었다는 것이다(솔직히 진짜 재미있을 것 같긴 한데, 만약 최우수 타면 방학때 해봐야겠다). 

근데 생각해보니 이런 서비스로 안드앱까지 따로 만드는 건 생산성이 없는 것 같다. 부가 컨텐츠가 있다면 모를까...

그러고 보니 KDMHSCTF 롸업 쓰던 것도 완성해야 한다... 읔엨...

아참, 그리고 Github에 프로젝트를 Publish했다.

https://github.com/JunhoYeo/playlistory