Flutter 인스타그램클론

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다.터미널을 이용해서 새로운 프로젝트를 생성하겠습니다. 프로젝트 생성이 완료되었다면, 프로젝트 루트에서 assets 디렉터리를 생성한 후, 프로젝

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다.저번까지는 바텀 네비게이션을 구축했습니다. 이제 UI를 만들어야하는데, 가장 처음인 Home 화면의 앱바를 만들도록 하겠습니다. 일단 Home

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다.스토리 영역에는 내가 팔로우를 한 친구들의 스토리를 볼 수 있는 아바타들이 좌우로 스크롤링 될 수 있도록 구성되어있습니다. 그 중 가장 왼쪽에

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다.이제 피드를 만들어볼 차례입니다. 피드는 친구들 업로드한 게시글들 의미해요. 사용자가 사진과 해당하는 설명을 올리면 게시되는 템플릿이죠. 사진

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다. 중간에 이미지의 순서를 바뀌어 잘못된 부분이 있습니다.이전시간에 이어서 피드위젯을 완성해보도록 하겠습니다. 남은부분은 좋아요 수를 표현하는

들어가며 > 이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다. 검색 화면 개요 > 홈 화면은 마무리되었으니, 그 다음으로 검색화면을 만들어야겠죠. 검색화면에 대한 개요를 먼저 확인하겠습니

들어가며 > 이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다. 검색화면 AppBar 만들기 >검색화면에서 AppBar역시 홈화면과 동일하게 페이드 애니메이션이 있다고 했습니다. >그렇다

들어가며 > 이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다. 검색결과 화면 UI 개요 >검색어를 입력해서 완료버튼을 누르면 검색결과를 확인하는 페이지로 라우팅됩니다. 검색결과 화면의

들어가며 > 이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다. 중첩라우팅이란(Nested Routing) > 바텀네비게이션을 이용해서 제작한 앱은 해당 바텀페이지에서 여러 페이지로 이동

들어가며 > 이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다. 업로드 화면 개요 > 업로드 버튼을 클릭하면 해당 페이지로 라우팅되면서 현재 디바이스의 갤러리의 모든 미디어파일들을 불러올 수

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다.이전에 구현한 UI는 갤러리의 이미지를 가져오지 않고 단순하게 UI만 구현했습니다. 하지만, 실제로 디바이스의 미디어 파일들을 가져와야 하죠.

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다.마이페이지의 전반적인 UI는 이제 쉽게 구축할 수 있습니다. 하지만, 마이페이지에는 특별한 UI가 존재합니다. 바로 Sticky TabBar입

이 프로젝트는 개발하는남자님의 유튜브 영상을 참고하여 제작하였습니다. 허나, 원본 영상에서 제작하는 방법과는 다를 수 있습니다.가장 간단하게 서버를 클라이언트에 연결할 수 있는 클라우드 서비스 중 파이어베이스가 있습니다. 서버를 직접 구축하지 않아도 서버의 기능을 일정