안드로이드스튜디오
-
[Flutter] 인스타그램 클론 생성하기 - 3 Home Page 화면 만들기, Flutter Inspector 사용법강의 기록/Flutter 인스타그램 클론 생성(오준석) 2023. 5. 17. 14:51
화면설계 - Home Page UI Home Page는 Column을 생성한다. Column안에 Text, Card를 생성한다. Card안에 또 Column을 생성한 후 Image, Text, Row를 생성한다. Row안에 Image List를 넣는다. Flutter Inspector : Flutter 위젯 트리를 시각화하고 탐색하기 위한 도구. 위젯 컨트롤부터 레이아웃까지 모든 항목을 블록으로 사용해 유용하게 사용되는 도구이다. https://docs.flutter.dev/tools/devtools/inspector Using the Flutter inspector Learn how to use the Flutter inspector to explore a Flutter app's widget tree..
-
[Flutter] 인스타그램 클론 생성하기 -2 네비바 클릭 시 화면 전환 기능 구현강의 기록/Flutter 인스타그램 클론 생성(오준석) 2023. 5. 16. 14:01
화면설계 Tab Page에 네비바가 존재하고, Home Page, SearchPage, Account Page가 있다. 각 메뉴를 클릭하였을 경우 각 페이지로 이동되도록 구현한다. 일단 화면이 이동되는 것만 구현해두고, 각 페이지는 다음에 차근차근 변경할 예정이다. bottomNavigationBar: 하단에 있는 네비게이션 바 bottomNavigationBar: BottomNavigationBar( currentIndex: _currentIndex, // 선택된 네비게이션바 아이템 Index onTap: (index) { // 클릭이벤트 setState(() { _currentIndex = index; // 클릭한 네비게이션바 아이템을 현재 Index로 지정. }); }, items: const [ ..
-
[Flutter] StatelessWidget 자동완성시 import 넣기(stless), 자동완성 코드 구현하기(Live Template)Study/소소한 팁 2023. 5. 15. 15:07
StatelessWidget 생성 시 자동 import가 안되어 직접 import 기능을 넣어야 하는 번거로움이 있다. 자동 완성 코드를 수정하는 방법이다. Android Studio 왼쪽 상단 탭에서 File > Settings를 들어간다. Editor > > Live Template에 들어간 뒤 Flutter 아래 stless가 있다. Template text를 보면 import가 없는 것을 확인할 수 있다. 맨 위에 아래 코드를 삽입한다. import 'package:flutter/material.dart'; stless 입력 시 자동완성 코드 import 'package:flutter/material.dart'; class $NAME$ extends StatelessWidget { const $N..
-
[Android Studio] Android Studio에서 GitHub 연동하기Study/Git 2023. 4. 24. 14:40
Git Version 확인 안드로이드 스튜디오 상단 탭에서 File > Settings로 들어간다. Version Control > Git으로 들어간다. Test 버튼을 클릭한다. 아래에 Git version이 나오는 것을 확인한다. GitHub 계정 연동 안드로이드 스튜디오 상단 탭에서 File > Settings에서 Version Control > GitHub로 들어간다. Add account...를 클릭하여 로그인한다. Token이 없을 경우 Generate를 클릭하고 들어가 Token을 생성한다. GitHub Token 생성 Select scopes에서 repo, admin:org, gist를 체크한 뒤 하단의 Generate token 버튼을 클릭하여 토큰을 생성한다. 만들어진 Tocken 값은..