전체 글43 플러터(flutter) 배포용 스크린샷 목업 간단하게 뽑아내기 초기 발행 : 2021년 6월 실습 환경 : 맥북 / BigSur / M1 앱 개발을 완료한 뒤, 배포하는 과정에서 스크린샷을 뽑아내게 되는데 이때 저는 크게 세 가지 방법을 써요. 1. 첫 번째는 앱 내부에 보여주는 디바이스 내용물의 스크린샷을 찍은 뒤에 포토샵 목업또는 기타 목업 이미지를 이용하는 것. 휴대폰의 각도도 바꿀 수 있고, 손으로 쥐고 있는 모양 등을 자유롭게 만들어 낼 수가 있어서 좋은데 약간 더 귀찮은 과정을 거쳐야 하고, 원하는 디바이스 모양의 목업이 없다면 할 수가 없다는 점이 있어요. 대략 이런 모양이죠 제가 한 건 아니고 퍼온 거에요. 포토샵이 깔려있고, 활용할 줄 안다면 제일 좋은 방법이겠죠. 2. 두 번째는 무료 목업 사이트를 이용하는건데 두가지 사이트를 소개해드릴게요. (1.. 2021. 6. 16. 플러터로 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. 이전 1 2 3 4 5 6 7 ··· 11 다음
