플러터로 앱만들기14 플러터로 SNS어플 만들기 13.firestore 에서 데이터 받은뒤 뿌려보기 저번포스팅에서 만든 데이터를 뿌려볼거에요. 10개를 임의 생성했었는데요. 이건뭐 그림도 없고 아무것도 없이 진짜 임의잖아요? 결국나중에는 실제데이터를 넣을꺼지만 지금은 그냥 콘솔에서 임의로 넣어주세요. 1. 데이터 필드 value 임의 입력. 이렇게 맨위 autorName 부터 맨아래 title 까지 필드가 잡혀있고 이게 10개 문서가 있는게 보이죠? 모두 같은 필드를 가지고 있습니다. 즉 Posts 컬렉션 내부의 모든 문서는 같은 형식의 필드를 가지고 있죠.(각 필드의 value값들은 다르겠지만요.) 여기에 explain 하고 title 하고 각자 알아서 임의적으로 적어주세요. 그리고 이미지 관련해서 Url 이나 높이 넓이 같은걸 넣어야 하잖아요? Url 은 인터넷에 그림 아무거나 넣어도 되지만, 그냥.. 2021. 6. 3. 플러터로 SNS어플 만들기 12.실제 데이터 업로드 저번 포스팅까지 파이어베이스의 데이터베이스 중에 하나인 파이어스토어 CRUD 하는 간단한 방법들을 알아봤었어요. 이제는 실제로 post 를 만들어 실제데이터를 데이터베이스에 넣고 활용해볼거에요. 오늘의 작업내용 1.post를 규정하는 class 만들기 2. Floating button 만들기 3. 데이터 업로드하기 1.post를 규정하는 class 만들기 아래처럼 임의로 만든 포스팅들이 나오는데 사실 실제로는 이 포스팅 하나하나가 가지고 있는 값들이 있어요. 연습삼아 클래스의 개념을 잠시 보고가면 예를들어 사람 이라는 개념안에 이름,나이, 성별, 출생 이런것이 들어간다고 해요. 그것을 class 로 나타내면 이렇게 나타낼수 있어요. name,gender,born 3가지 변수는 String이라는 자료형을 .. 2021. 5. 31. 플러터로 SNS어플 만들기 11.데이터베이스 만들기-파이어베이스 파이어스토어(firebase-firestore) 연결하기 3 저번 포스팅에 이어 계속 파이어 베이스를 해볼게요. 데이터 불러오기를 했었던 테스트 페이지로 가주세요. 그리고 그아래에 버튼하나를 더 만들어 줍니다. 그리고 클릭하면 MakePostPage 로 이동할수 있도록 해주세요. 그럼 오류가 뜰텐데 MakePostPage 라는 클래스를 아직 안만들어 줬기 때문이에요. 그래서 해오던 것처럼, 다트파일을 새로 만들고 StateFul 위젯을 가지는 클래스를 만들어볼게요. 1.TextField 위젯 만들기 이렇게 만들었으면 글을 입력할수있는 위젯인 TextField 라는 위젯을 만들어 볼게요. TextField() 위젯을 Column 으로 2개를 만들어 줬어요. 그럼 이렇게 글을 입력할수가 있게되요. 그런데 TextField를 이렇게 두면 안되요. 옵션을 줘야하죠. 그럼.. 2021. 5. 25. 플러터로 SNS어플 만들기 10.데이터베이스 만들기-파이어베이스 파이어스토어(firebase-firestore) 연결하기 2 저번 포스팅에 이어 파이어스토어 연결하는걸 진행할거에요. 저번 포스팅에 기본적인건 모두 세팅이 되었으니 이번에는 직접 데이터를 받아와볼게요 오늘의 작업내용 1. 컬렉션 만들기 (CRUD - 콘솔에서 Create 하기) 2. 컬렉션 내부 문서 만들기 3. 문서의 필드 만들기 4. CRUD - Read 해보기 1. 컬렉션 만들기 (CRUD - 콘솔에서 Create 하기) 컬렉션 시작을 눌러서 컬렉션 이름을 짓고 '다음' 을 눌러주세요. 컬렉션 이름을 지을때 자기만의 규칙을 만들어주세요. 저는 Class 명을 짓는 규칙과 동일하게 하고 있어요. 그건 대문자로 단어를 시작하고 복합단어일경우 각단어의 첫글자를 대문자로 시작하는거에요. 예를들어 Test , UserPhone 이렇게요. User와 Phone 이 합쳐.. 2021. 5. 23. 이전 1 2 3 4 다음
