분류 전체보기43 플러터로 SNS어플 만들기 6. ListView 이용하여 리스트뿌려주기 앱의 아이덴티티 를 조금 바꿔보고자 해요. 왜냐면 조카를 위한 sns 앱을 만들려고했는데 네이버밴드에서 그냥 하는게 나을거라고 생각되요 ㅋ 그래서 유아용품 SNS 앱으로 바꾸기로 했어요. 업체들이 유아용품 사진이랑 동영상올리고 그거 클릭하면 그냥 그 사이트로 링크로 연결되도록 할거에요 이것도 실제 사용은 못할수있지만 좀더 재미가있을거 같아서요.. 재미가있으면 집중력이 생기죠. 그래서 앱 아이콘이랑 앱이름도 바꿀건데 그건 나중에 하기로할게요 ㅋ 오늘의 작업 내용 1. ListView.bulder 일단 써보기 2. Class 단위의 위젯 만들기 3. Class에 인수전달하기 4. 랜덤색상 부여하기 1. ListView.bulder 일단 써보기 바텀 네비에보시면 홈, 그리드뷰,마이라이크 ,마이페이지 이렇게 4.. 2021. 5. 15. 플러터로 SNS어플 만들기 5. font 적용하기 오늘은 너무나도 딱딱한 글씨체를 좀 바꿔줄꺼에요. 그래서 메인페이지의 앱바에 텍스트로 레터링 로고를 넣으려고합니다. 이렇게 바꿔줄꺼에요. 오늘 작업할 내용 1. 구글폰트 다운로드 2. font 폴더만들기 3. yaml파일설정 4. 적용 5. 전체테마 글씨체변경 1. 구글폰트 다운로드 우선 저는 구글 폰트를 다운받았는데, 제일만만한게 구글폰트입니다. 구글에 그냥 검색어에 구글폰트 라고 치시고 여기로 들어갑니다. 자기가 원하는 글자를 여기 빨간 동그라미 부분에 치시고 원하는 미리보기를 한번 찾아보세요. 사각형으로 뜨는거는 영어전용인가? 한글은 지원안하나봐요. 그리고 원하는걸 클릭합니다. 저기 Download family 누르면 다운로드가 진행되요. 그리고 압축을 풀어주세요. 그리고 압축이 풀리면 ttf 파일.. 2021. 5. 13. 플러터로 SNS어플 만들기 4. 실제 단말기연결,앱 아이콘 만들기 이번시간에는 휴대폰에서 빌드하기 와 앱 아이콘을 만들어볼거에요. 플러터로 만든 기본앱을 에뮬레이터나 실제 단말기에 깔면 빨강색으로 동그라미 친거처럼 아이콘이 저렇게 나와요. 근데 이걸 아이콘을 바꿔주면 파란색으로 동그라미 친거처럼 저렇게 바뀌죠. 사진이 정사각형이 원안에 그냥 저렇게 들어가잇는데. 안드로이드 에뮬레이터의 구글 픽셀폰이라서 저렇고 일반적인 안드로이드 폰은 사각형 그림파일있으면 아래처럼 이쁘게 둥그스름하게 만들어줘요 오늘 작업할 내용입니다. 1. 단말기 설정하기 2. 단말기에 깔기 3. 런쳐아이콘 사진정하기 4. flutter_launcher_icons 라이브러리 적용하기 5. 라벨 변경하기 1. 단말기 설정하기 우선 자기 단말기를 꺼내 톱니바퀴 모양의 설정을 눌러들어간다음 개발자 옵션에서 .. 2021. 5. 11. 플러터로 SNS어플 만들기 3. 메인페이지 제작(BottomNavigation) 이번 시간에는 BottomNavigation 을 통한 메인페이지를 만들어 볼겁니다. 보통 앱들을 보면 밑에 이런것들이 많은데 이걸 우리는 BottomNavigationBar 라고 합니다. 기본적인 원리는 int 값을 같은 변수를 한개 지정해두고 (ex int selectedIndex) 밑에 아이콘을 클릭하면 setState가 되면서 인덱스값이 변경되게 해두고, (여기서 setState는 상태를 새로 불러온다는건데 쉽게 그냥 새로 빌드하는겁니다.) 그 인덱스값에 맞춰서 페이지와 BottomNavigationBar의 아이콘들이 반응하게 하면됩니다. 오늘 할 작업의 목록은 1. BottomNavigationBar 위젯생성 2. BottomNavigationBarItem 생성 3. 페이지 연결 4. 아이콘 바꾸.. 2021. 5. 9. 이전 1 ··· 5 6 7 8 9 10 11 다음
