탑스터

[211011] 10월에 처음으로 무언가를 만들어보면서 간략하게 적었던 기록들이다. 티스토리 블로그를 개설하면서 그대로 옮긴 글. 이때도 열심히 좀 쓸걸 그랬다. 이미지 업로드 SNS 피드처럼 업로드한 이미지들을 볼 수 있도록 했다. 이미지를 서버쪽에 저장하려고 했지만 어디다 저장할지가 고민. 개인적인 공부를 위해 하는 프로젝트라, 아마존s3 같은 스토리지 서비스를 쓰기엔 굳이 라는 느낌이 들었다. 서버의 로컬 디렉토리에 파일을 저장하기로 했다. @app.route('/api/upload', methods=['POST']) def post_topster(): now = datetime.now() now2 = now.strftime("%D_%H%M_%S") date = now2.replace('/', '-..

[211011] 10월에 처음으로 무언가를 만들어보면서 간략하게 적었던 기록들이다. 티스토리 블로그를 개설하면서 그대로 옮긴 글. 이때도 열심히 좀 쓸걸 그랬다. 코드를 디자인한 방법이 정석적인 방법인지는 모르겠지만 어찌 됐든 돌아가기는 한다. 만들어진 탑스터를 이미지로 변환해서 파일로 다운받을 수 있고, 서버에 업로드해서 볼 수 있다. sns 피드처럼 만들고 싶어서 회원가입과 로그인도 간단히 구현했다. 회원가입 입력한 정보를 그냥 json 형식으로 보냈다. 이미 있는 id면 그냥 리턴하고 새 id인 경우에 회원가입을 진행한다. bcrypt 라이브러리를 이용해서 암호화를 해서 db에 저장한다. 자꾸 오류가 나는데 바이너리 형식으로 나오나해서 str으로 디코딩해서 보내니까 오류는 안난다. @app.rout..

[211011] 10월에 처음으로 무언가를 만들어보면서 간략하게 적었던 기록들이다. 티스토리 블로그를 개설하면서 그대로 옮긴 글. 이때도 열심히 좀 쓸걸 그랬다. 배경 색상 / 행과 열의 수 / 앨범 간 간격과 테두리의 두께 를 정할 수 있다. context api를 이용해 상태를 관리하고 있다. 음악 API 앨범아트 이미지를 가져오는데는 last.fm의 api를 사용했다. 유튜브에서 크롤링해와서 만든 데이터들이라고 한다. 검색한 결과들이 두 줄로 가로로 보여진다. 드래그앤 드랍으로 탑스터에 옮겨 배치할 수 있다. last.fm api에서 불러온 앨범아트 이미지들이 실제와 다르거나 없는 것들이 꽤 있었다. 현재는 Spotify api로 바꾸었다. Spotipy 라는 파이썬 라이브러리를 이용해서 백엔드에서..