썬이의 IT세상

이번 주차에서는 DocumentPicker 를 사용하여 내 폰의 파일들을 Google Firebase에 업로드하고, 업로드한 파일을 가져와서 출력해주는 과제를 수행하였다. 이 과정에서 가장 나를 괴롭혔던 것은, DocumentPicker를 사용하여 가져온 딕셔너리 객체에는 Index값을 넘겨주지 않는 것이었다. (앱개발 종합반을 하면서 만들었던 '나만의 꿀팁'앱에서 사용했던 데이터는 Index값을 리스트에 넣어놔서 파일을 관리하기가 용이했다.) Slack에도 질문해보고, 여러 문서를 찾는 도중 해결 방법은 생각보다 간단했다. // Upload Page const ImageUpload = async () => { let i = 0; await getUserId(); firebase_db.ref(`user/..

지난 주차에 기본적인 MainPage를 구현하고, 각각 어떤 기능이 들어가야 좋을 지에 대해 구상하고, 이번 주차부터 본격적으로 Private Box에 들어갈 요소를 하나하나 그려나가는 중이다. 처음엔 네비게이션으로 MainPage에서 UploadPage를 창 이동해주는 효과로 진행했는데, 뭔가 배경색을 투명하게 해서 MainPage가 그대로 출력되게 하면 어떨까 하는 생각에 튜터님께 질문해서 Overlay 효과도 넣어보고, 이것저것 해본 결과 결국 Modal로 Upload 컴포넌트를 MainPage에서 랜더링해주는 식으로 진행했다. 알고나니 정말 별것도 아니고 앱개발 2-3주차때 배웠던 기능들도 있었는데, 몇주나 지났다고 저거 하나 구현하는데 2일이나 걸렸다.. 그래도 끙끙 앓다가 해결되는 순간이 얼마..

Private Box 이름 그대로 User가 사용하는 개인적인 보관함이다. 해당 앱에서는 이미지/동영상/텍스트 등의 파일을 개인 폴더에 업로드하여사용자가 열람하기에 용이한 서비스를 제공한다. (앱 이름 지으려다 시간을 너무 보내서... 추후에 생각나면 바꿔야 한다) Project Layout (GUI) MainPage 이미지 / 동영상 / 텍스트를 업로드할 버튼 전체보기 / 이미지 / 동영상 / 텍스트 / Favorite를 구분하여 출력할 Card (지난 5주간 만들었던 "나만의 꿀팁" 앱과 동일한 느낌!) Card 안에 들어갈 Favorite / Delete / Open / Share 버튼 (전체적인 느낌은 Black&White 로 심플하고 깔끔하게..) 개발해야 할 기능들 파일 업로드 기능 업로드된 ..