본문 바로가기

내마음대로만들어보자326

[복습]React 주요 개념 정리 - JavaScript React를 처음 접하고 공부하면서 어떤 기능을 하고 어떻게 사용해야되는지 이해는되지만 전반적으로 어떤상황에서 사용을 해야되고 응용이 좀 잘 안되는 것 같아 다시한번 복습하면서 정리를 하려고 한다. 향후 내가 웹 사이트를 만들려고 할때 정리한 내용을 보면 나한테 지금 필요한 부분은 무엇인지 순서 상 어떻게 놓치고 있진않은지 쉽게 파악하고 진행할 수 있는 자료가 되었으면 한다! 1. 필수 프로그램 설치 - Github : 궁금한 내용을 찾아보다보면 수많은 사람들이 여기에 소스코드를 공유하고 있는걸 알 수 있다. 지금보다 코드를 해석하는 능력이 더 생긴다면 활용도가 너무나도 높다! - Visual Studio Code : 리액트네이티브 코드를 작성할 프로그램 - NVM : 여러가지 버전의 노드를 관리 할 수.. 2021. 9. 19.
scrollview child layout ( alignitems ) must be applied through the contentcontainerstyle prop ScrollView안에 내용들을 오른쪽으로 정렬하기위해 alignItems를 적용하려고했지만 제목과 같은 오류가 발생했다..!! ScrollView 사용할 때 컨텐츠의 내용의 길이가 원하는 사이즈에 부족하더라도 ScrollView 영역만큼의 영역을 확보해야할 경우가 있는데 이 경우 ScrollView의 안쪽 View에 flex: 1이나 height: 100% 등을 선언해도 영역을 확보할 수가 없다. 실제 ScrollView를 사용할 때 ScrollView 내부에 접근할 수 없는 컨테이너가 생성되기 때문이라고한다! 이 때 contentContainerStyle props를 이용해 이 컨테이너의 스타일을 부여할 수 있다. 여기서 주의할 점은 contentContainerStyle props에 flesBasi.. 2021. 9. 17.
[파이어베이스] 리얼타임데이터베이스 1. 리얼타임데이터베이스란? 리얼타임데이터베이스는 JSON 형태로 저장/관리 되는 데이터베이스라고 보면된다. 파이어베이스에서 제공하는 함수를 사용하면 저장/삭제/수정이 가능하다. 리얼타임데이터베이스의 가장 큰 장점은 플랫폼과 실시간으로 데이터를 주고 받는다는 것! 이미지파일을 저장할떄는 보통 파일 저장 스토리지를 사용하고 JSON 데이터를 저장할때는 리얼타임데이터베이스를 사용한다. 2. 리얼타임데이터베이스 생성 데이터베이스를 생성할때 권한은 모두 공개로 바꿔놓고 실습해보자. (규칙 탭을 눌러서 read, write 를 모두 true로 바꿔주면된다.) 3. 데이터 업로드 예제 만들기를 위해 data.json에서 관리를 하던 데이터를 실제로 리얼타임데이터베이스에 저장을 해보자! 오른쪽 토글 버튼을 클릭 후 .. 2021. 9. 14.
firebase 설치오류 firebase 연결을 하기 위해 도구를 설치하면 오류가 발생하는경우가 있다...... expo install firebase Node 버전 중 가장 최근LTS 버전인 14버전이상에서 발생하는 버그라고 한다. (아직 고쳐진건지 아닌지 알수가없는...) 이러한 경우 어쩔수없이 12버전으로 다운그레이해서 진행을 해야한다! ▶ 해결방법 노드 버전 확인 : node -v 1) 제어판 프로그램 추가/제거에서 Node.js 버전을 삭제 2) https://nodejs.org/download/release/v12.19.1/node-v12.19.1-x64.msi 통해 Node v12 버전을 설치 3) 프로젝트 폴더로 이동해, yarn.lock 파일과 node_modules 폴더를 삭제 4) 터미널로 프로젝트 폴더로 이.. 2021. 9. 14.

티스토리툴바