메인 화면을 조정하고 이제 실제 DB를 가져와야 해서 firebase를 연동했다. 연동 시 500 에러가 발생하는 경우가 있는데 그럴 때 아래 글을 참고해서 firebase를 다운그레이드해주면 된다.
[ firebase 연동 시 500 에러 해결 ]
[firebase] While trying to resolve module idb from file.. Indeed, none of these files exist: 500 에러 (expo)
엑스포를 사용해서 파이어베이스와 연동하려고 했는데 뭐가 자꾸 안되는지 아래와 같은 에러가 떴다. 구글링해보니 나와 같은 상황에 처한 사람이 스택오버플로우에 있었다. [원문보기] https://s
kangeve.tistory.com
데이터베이스는 연결했고 이제 테스트데이터를 넣어줄 차례~
구글에 뒤져보니까 전국의 발달재활기관 정보는 없었고 시별로 정리한 자료밖에 없었다.
그나마 그것도 있는 시 있고 없는 시 있어서... 포기할까 하다 겨우 2019년도 엑셀 자료 하나를 건질 수 있었다.
도시군구, 제공기관명, 주소가 정리되어 있는 엑셀 파일이다. 아 전화번호만 있었어도 좋았을텐데 아쉬웡 ㅠ ㅠ
그렇지만 처음 연습할 테스트데이터에 적합하다고 생각해서 일단 진행해보기로 했다.
파이어베이스는 엑셀 형태로는 데이터를 입력할 수 없어서 JSON 파일로 바꿔줬어야 했다.
구글에 '엑셀파일을 제이슨으로' 로 검색해서 가장 상단 블로그를 들어갔다.
엑셀 파일을 제이슨 데이터로 변경하는 방법은 생각보다 간단했다.
1. 엑셀 문서의 제이슨으로 변경하고자 하는 영역을 지정 후 복사(ctrl+c)한다.
2. 다양한 형식으로 변경할 수 있는 웹사이트 - Mr. Data Converter
Mr. Data Converter
shancarter.github.io
접속하자마자 보이는 화면이다.
왼쪽에는 데이터 변환과 관련한 옵션이 있고, 오른쪽 위에 원본 데이터를 붙여넣을 수 있는 창이 있다.
오른쪽 위 창에 아까 선택해서 복사한 엑셀 데이터를 붙여 넣으면 아래 창에 자동으로 JSON 형태로 변환해서 보여준다.
지금은 「JSON - Properties」 형식으로 보여지는 중.
「JSON - Column Arrays」 형식
「JSON - Row Arrays」 형식
「JSON - Dictionary」 형식
이 중에 본인이 필요한 형식으로 선택해서 변경해준다.
3. JSON 데이터 검증 사이트 - JSON Formatter & Validator
원하는 JSON 형식으로 변환했다면 오른쪽 아래 창의 JSON 데이터를 클릭 및 복사해서 형식이 올바르게 변환되었는지를 확인한다.
JSON Formatter & Validator
Format and validate JSON data so that it can easily be read by human beings.
jsonformatter.curiousconcept.com
첫번째 창에 위에서 생성한 JSON 데이터를 붙여넣고 [Process] 버튼을 클릭한다.
아래처럼 초록색과 함께 VALID가 뜨면 정상적인 JSON 데이터라는 것이다.
「JSON - Properties」로 변환했을 때
「JSON - Column Arrays」로 변환했을 때
「JSON - Row Arrays」로 변환했을 때
「JSON - Dictionary」로 변환했을 때
에러까지는 아니지만 경고를 띄우고 있다. 키가 중복됐다는 에러다.
오 이건 쓰면 안되겠넹
나는 map()을 이용해서 반복문 돌려가지고 key로 접근을 해야 하니까(이 방법밖에 모름 ㅠㅠㅋㅋㅋㅋ)
![](https://t1.daumcdn.net/keditor/emoticon/friends1/large/010.gif)
가장 첫번째 거 properties로 바뀐 데이터를 사용하는게 낫겠다.
DB에 업로드하러 가자~
'앱 개발' 카테고리의 다른 글
[react-native] json가져와서 일단 예쁘게 꾸미기 (0) | 2022.06.08 |
---|---|
[react-native] 드디어 해결!! Text strings must be rendered within a <Text> component 에러 (0) | 2022.06.07 |
[react-native] view 안에 text 옆으로 정렬하는 법 (0) | 2022.05.26 |
[내일배움단] 앱개발 종합반 3주차 개발일지 (0) | 2022.05.26 |
[VScode] 터미널 지우기 안될 때 해결 / terminal clear / terminal cls 해결방법 (0) | 2022.05.24 |
댓글