본문 바로가기

전체 글43

플러터(Flutter) 입문 7. 이미지 불러오기 이번포스팅에서는 이미지 불러오기를 해보겠습니다. 이미지를 불러오는 방법은 두가지가 있습니다. 1. 네트워크를 통해서 즉 인터넷에서 받아오는방법 2. 지금 만들고있는 앱에 내장된 이미지를 불러오는방법 두가지 모두 장단점이 있습니다. 1. 네트워크 즉 서버에 저장된 이미지. 쉽게말해서 인터넷에서 다운을받아 보여줄경우, 인터넷 속도에 영향을 받을수가 있습니다. 1~2초뒤에 이미지가 나올수있다는거죠, 용량이큰 이미지면 5초넘게 걸릴수도 있겟죠, 또한 가져오는 이미지가 삭제되면 오류가 날수도 있습니다. 그러나 최소한 이미지 때문에 앱자체의 용량이 커지는건 막을수 있습니다.. 2 앱에 내장된 이미지를 불러온다고 했을때, 요즘 이미지 용량이 엄청 큰것도 많은데, 아무리 용량이 작더라도 이미지가 엄청많으면 앱자체의 용.. 2021. 5. 25.
플러터(Flutter) 입문 6. 라이브러리 사용하기 저번시간에 이렇게 onTap:(){ 함수 } 이렇게 하면 탭하면 함수가 발동한다고 했었어요. 그리고 페이지 이동하기 위해서 Navigator.push 라는걸 이용해 엄청나게 길게 적었죠. 근데 앱개발하면서 페이지 이동함수를 사용할일이 굉장히 많이 있어요. 근데 저걸 일일이 기억하기도 힘들잖아요. 저도 맨날 까먹어서 검색해서 복붙했거든요. 그래서 좀더 쉽게하는방법이 나왔어요. 라이브러리를 사용하는것이죠 그 라이브러리 이름이 GetX에요. GetX뿐만아니라, 귀찮고 힘든걸 이미 코딩화시켜놓고 그걸그냥 땡겨쓰면 되는형식으로 다른 개발자들이 많이 개발해뒀어요. 그걸 라이브러리라고 하고, 우리는 그냥 그걸 가져다 쓰면되죠. 나중에 실력되면 본인이 직접 만들어서 라이브러리를 공개하세요. 그게 바로 오픈소스 기여 라.. 2021. 5. 24.
플러터(Flutter) 입문 5. 페이지 이동하기 저번 포스팅에서 SecondMan 이라는 Scaffold() 를 return 하는 클래스를 만들었고, 그것을 새로운 다트파일에 써줬어어요. Scaffold() 라는것을 return 해주는 형태니까 이놈은 페이지 라는걸 알수있겠죠? 그래서 이번시간에는 맨처음 만든페이지 -> 저번포스팅에서 새로만든페이지(SecondMan) 이렇게 페이지 이동을 해볼거에요. 1. 페이지 이동 먼저 SecondMan 이페이지를 약간만 꾸며볼게요. 앱바에 제목주고 body에 글하나 준게 다에요. 별로 어렵지 않죠. 그다음 우리가 맨처음 만든 페이지 FirstBackSu 에서 Container 를 하나 더 만들어 줍니다. 저거를 누르면 두번째 페이지로 이동하게 할거에요. 그렇게 하기위해서는 "이거를 누르세요" 라고 되어있는부분을 .. 2021. 5. 23.
플러터로 SNS어플 만들기 10.데이터베이스 만들기-파이어베이스 파이어스토어(firebase-firestore) 연결하기 2 저번 포스팅에 이어 파이어스토어 연결하는걸 진행할거에요. 저번 포스팅에 기본적인건 모두 세팅이 되었으니 이번에는 직접 데이터를 받아와볼게요 오늘의 작업내용 1. 컬렉션 만들기 (CRUD - 콘솔에서 Create 하기) 2. 컬렉션 내부 문서 만들기 3. 문서의 필드 만들기 4. CRUD - Read 해보기 1. 컬렉션 만들기 (CRUD - 콘솔에서 Create 하기) 컬렉션 시작을 눌러서 컬렉션 이름을 짓고 '다음' 을 눌러주세요. 컬렉션 이름을 지을때 자기만의 규칙을 만들어주세요. 저는 Class 명을 짓는 규칙과 동일하게 하고 있어요. 그건 대문자로 단어를 시작하고 복합단어일경우 각단어의 첫글자를 대문자로 시작하는거에요. 예를들어 Test , UserPhone 이렇게요. User와 Phone 이 합쳐.. 2021. 5. 23.