본문 바로가기

분류 전체보기134

섹션 6. 다이어트 메모 앱 만들기(3)-스플래시 화면 만들기 어떤 운동을 했는지 메모 목록이 있고, 글쓰기 아이콘을 클릭하면 날짜 선택, 그리고 메모를 남길 수 있는 앱을 만들어볼것이다. 사용할 기술은 1. Firebase Auth - uid (인증 기능) 2. Firebase Realtime Database (데이터베이스) 이렇게 두 가지 이다. 프로젝트 이름을 diet_memo 라고 만들어주자 제일 먼저, 스플래시 화면을 만들어주자. 스플래시 화면을 만드는 이유는 화면이 나오는 동안 지금 앱을 켠 사람의 회원/비회원 여부를 확인하기 위함이다. 로그인안했으면-자동로그인시켜주고 로그인했으면-바로 메모 남길 수 있도록. 먼저, 스플래시 액티비티를 만들자. 메인액티비티파일이 속해있는 파일 우클릭-NewActivity-Empty Activity 이름은 SplashAct.. 2023. 9. 9.
섹션 6. 다이어트 메모 앱 만들기(2)-파이어베이스로 이메일 로그인 기능 구현하기 지난 글에서 파이어베이스를 이용해 익명 로그인 하는 것을 구현해봤다. 이번에는 이메일 로그인을 구현해보자. 구글에 android firebase email auth 라고 검색하면 가이드라인이 상세하게 나온다. 하란대로 해주면 된다. 새로운 프로젝트를 만들어주자. 이름은 fb_firebase_email_password_auth 파이어베이스 들어가서 새로운 프로젝트 만들어서 이전 글과 똑같이 파이어베이스 프로젝트도 새로 만들어주고... 이름도 짓고... 해주자. 안드로이드 아이콘 눌러서 'Android 앱에 Firebase 추가'를 차례로 해주자. 그래들 파일에 넣으란 거 다 넣어주기.(지난 글 참고) 절차 끝난 후 '콘솔로 이동' 클릭. 콘솔에서 좌측 더보기 열고 빌드-Authentication 클릭(인증.. 2023. 9. 9.
섹션 6. 다이어트 메모 앱 만들기(1)-파이어베이스로 익명 로그인 기능 구현하기 서버란? 사용자가 데이터 요청하면 데이터 돌려주는 역할을 함. 웹/앱 마찬가지 서버가 하는 역할을 '파이어베이스'가 대신할 수 있다. 예를 들면 앱에서 비회원으로 이용하는 데이터도 앱 켜는 즉시 각각의 사용자들에게 유저 ID를 부여해서 회원별로 기록된다. 이런 기능도 파이어베이스에서 이용할 수 있다. 파이어베이스 사용하기 전, '동기'와 '비동기' 동기는 일을 차례대로 하나씩, 비동기는 여러 일을 한꺼번에 할 수 있다. 사용자에게 로딩이 지연되는 느낌을 덜하게 할 수 있다. 파이어베이스 실습을 해보자 프로젝트를 만들고 액티비티 파일 최상단에 뜨는 패키지명을 알고 있어야 파이어베이스 등록이 가능하다. 파이어베이스 홈페이지에 들어가서 시작하기를 클릭한다. 프로젝트 만들기를 클릭하고 프로젝트 이름을 임의로 만.. 2023. 9. 4.
섹션 5. 트로트 가수 음악 목록 앱 만들기(4)-리사이클러 뷰 활용 이전 글에서 내비게이션 버튼을 클릭하는 클릭이벤트를 통해 프래그먼트의 화면을 전환하는 법을 구현해봤다. 이번에는 그 화면에 그 가수의 트로트 목록을 출력하도록 리사이클러 뷰를 이용해보자. 우선 액션바를 없애주려면(내꺼엔 이미 없음) res-values-themes-themes.xml을 열자 태그 안에 true 태그를 추가해주자 그다음 리사이클러 뷰를 레이아웃에 만들어주자. 상단에 텍스트뷰도 만들어주고 그만큼 간격 띄운 리사이클러 뷰도 만들어주자 (태그 />로 닫아야 함) TextView에 빨간줄 뜬건 ConstraintView때문이니 점을 끌어서 parent에 맞춰주도록 하자. 이제 어댑터를 만들어보자. 소스파일 새로 만들기~ 소스파일 있는 디렉터리-New-Kotlin Class/File 클릭! 이름은 .. 2023. 9. 4.
섹션 5. 트로트가수 음악 목록 만들기(3)-프래그먼트 활용 안드로이드 내비게이션 컨트롤러를 사용하기에 앞서, 프래그먼트에 대해 알아보자 화면마다 액티비티를 만드는게 아니라 한 액티비티에서 여러 화면이 전환될 수 있도록 하고 싶을 때, 프래그먼트를 이용한다. 프래그먼트란? 액티비티에 있는 화면! 먼저, 프래그먼트를 나오게 하는 전체 화면의 내비게이션이 있어야 한다. 프로젝트를 만들고 내비게이션 버튼을 먼저 만들어주도록 하자. 1. navigation 만들기 2. Fragment 만들고 내비게이션에 연결하기 3. 리사이클러 뷰 만들기 이 순서대로 해보겠다. app 디렉터리 우클릭-New-Android Resource File Resource type은 Navigation으로 설정해 주고 이름은 trot_nav로 하자. 내비게이션 기능을 그래들 파일에 넣을 건지 묻는.. 2023. 8. 31.
섹션 5. 트로트가수 음악 목록 만들기(2)-리사이클러 뷰 ListView vs RecyclerView 지난 글에서 리스트뷰를 알아봤고 이번에는 리사이클러 뷰를 알아보자 둘은 이런 차이점이 있다. 출처: https://www.crocus.co.kr/1704 리스트뷰와 리사이클러 뷰의 구조는 거의 똑같다. -리사이클러 뷰 만들기 프로젝트 생성하고 activity_main.xml에 리사이클러 뷰를 만들어준다. 그다음 어댑터 만들어주자 코틀린파일 새로 만들기~ 이름은 RVAdapter.kt 멤버들 임포트 해주고 inner class ViewHolder 만들어줘서 ViewHolder 빨간줄 없애주기 이때 onCreateViewHolder에서 뷰의 아이템을 가져와야 하는데~~ 아직 아이템(recyclerview_item.xml) 안만들었으니까 이제 만들어주기 레이아웃 파.. 2023. 8. 30.
섹션 5. 트로트 가수 음악 목록 앱 만들기(1)-리스트뷰 복습 -ListView vs RecyclerView 비슷해보이지만 역할이 다르다 후자가 구현하기 좀 더 어렵지만 성능이 더 좋다. 리스트뷰 복습겸 하나 더 만들어보자 -리스트뷰 만들기 액티비티에서 어댑터로 리스트 데이터를 넘기고 어댑터에서 값을 하나하나 아이템에 넣어준 다음 그 아이템들을 액티비티의 리스트뷰에 넣어준다. 1️⃣ 메인액티비티-어댑터 2️⃣ 어댑터-아이템레이아웃 3️⃣ 아이템레이아웃-메인레이아웃의 리스트뷰 이번에는 아이템들을 하나하나 클릭하면 어떻게 되는지도 알아보자 먼저, 메인 액티비티 레이아웃에 리스트뷰를 넣어주자. (메인 액티비티 레이아웃 파일 없을 때 레이아웃 만드는 법) 리스트뷰 만들기 그 다음, 리스트뷰의 아이템 레이아웃 만들기 Layout우클릭-New-Layout Resource Fi.. 2023. 8. 30.
섹션 4. 명언 앱 만들기(2) 들어가기에 앞서, -코틀린에서의 물음표(?)와 느낌표(!)의 의미 ? ➡️ null 일 수 있다. ! ➡️ null 이 아님. -안드로이드 앱 뒤로가기 버튼 이벤트 "종료하시려면 한 번 더 눌러주세요" 검색을 잘 이용해서... 구글링을 해보자 // MainActivity 파일에서 class MainActivity : AppCompatActivity() { private var isDouble = false // 변수값 기본세팅 override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) } override fun onBackPressed().. 2023. 8. 30.
섹션 4. 명언 앱 만들기(1)-리스트뷰 활용법 etc -폰트 삽입하는 법 폰트 이름 대문자면 안드로이드 스튜디오에서 인식 못함. 영어를 소문자로 바꿔주기 그 다음 안드로이드 스튜디오에서 프로젝트 열고 res 디렉토리 우클릭해서 New->Directory 클릭해주기 font라는 이름의 디렉토리 생성하고 다운받은 폰트를 복붙하기 또는 넣어주기 -코틀린의 '리스트' 리스트란? 값들의 나열 // 코틀린 리스트 예시 var testList = mutableListOf() // 빈 리스트 생성, 문자열(String)을 집어넣을 것임. testList.add("a") // 리스트에 값 넣기 testList.add("b") testList.add("c") // 리스트에 데이터 잘 들어갔는지 로그로 확인하기 Log.d("MainActivity", testList) // 그.. 2023. 8. 29.
섹션 3. 주사위 앱 만들기 들어가기에 앞서, 데이터바인딩에 대해 알아보자. 데이터바인딩이란? 데이터 바인딩(data binding)은 제공자와 소비자로부터 데이터 소스를 함께 묶어 동기화하는 일반적인 기법. https://salix97.tistory.com/243 data binding 은 왜 사용할까? 데이터 바인딩을 사용하면, 데이터를 UI 요소에 연결하기 위해 필요한 코드를 최소화할 수 있다. 데이터바인딩을 사용하려면, 1. 그래들 파일의 android {} 안에 buildfeatures{ databinding = true } 와 같이 선언해준다. 2. activity_main.xml 파일의 전체를 으로 감싼다. ➡️ 잊지말것❗️❗️ 3. 메인 액티비티의 MainActivity 클래스를 다음과 같이 작성한다. class Ma.. 2023. 8. 11.

티스토리툴바