
안드로이드 [Kotlin] - TextInputLayout 및 정규식을 이용하여 회원가입 UI 구현
2022. 4. 16. 19:04
Android
해당 내용은 코드스쿼드 2022 안드로이드 미션을 수행하면서 공부한 내용을 정리한 글입니다. 모바일 앱을 이용하면 회원가입을 할 때 위와 같은 화면을 많이 접했을 것이다. 사용자 입장에서 당연하게만 사용했던 해당 UI를 오늘 직접 구현해 보려 한다. 📌 요구사항 분석 아이디 5~20자의 영문 or 숫자 주어진 Hint 적용 비밀번호 *****의 형태로 표시, 8자 이상 16자 이하 영문 대문자를 최소 1자 이상 포함 숫자를 최소 1자 이상 포함 특수문자를 최소 1자 이상 포함 토글 아이콘 클릭 시 입력된 비밀번호 노출 주어진 Hint 적용 비밀번호 재확인 위 비밀번호에 쓰인 값과 동일 이름 필수입력값 위의 경우 중 하나라도 만족하지 않을 경우 TextInputLayout에 Error 문구를 띄우며 다음..

안드로이드 [Kotlin] - Retrofit, Moshi 를 이용하여 다운받은 코로나 선별 진료소 Json 데이터를 RecyclerView에 표시하기
2022. 3. 29. 16:39
Android
앱에서 가장 많이 수행하는 처리 중 하나는 서버에 데이터를 요청하고 받아온 데이터를 단말기로, 즉 클라이언트의 화면에 표시하는 일이다. 이때 클라이언트와 서버가 통신하는 방식은 크게 소켓 연결과 HTTP 연결 두 가지로 나눌 수 있다. 📌 소켓 연결 & HTTP 연결 소켓 연결 소켓은 네트워크 상의 두 프로그램 사이에 일어나는 양방향 통신 중 한쪽의 엔드 포인트를 의미한다. (엔드 포인트란 IP와 포트의 조합) 소켓 연결방식에서는 클라이언트와 서버가 특정 포트를 통해 연결을 계속 유지하고 있기 때문에 실시간으로 양방향 통신을 할 수 있다. 주로 동영상 스트리밍이나, 온라인 게임등에서 사용된다. HTTP 연결 80번 포트를 사용하여 웹 상에서 정보를 주고받을 수 있는 프로토콜 HTTP 통신에서는 클라이언트..

안드로이드 [Kotlin] - RecyclerView에서 ListAdapter와 DiffUtil 사용기
2022. 3. 27. 18:57
Android
ListAdapter와 DiffUtil에 대해 알아보기 전에 우선 RecyclerView와 LiveData에 대해 알아봐야 한다. 따라서 전에 작성한 포스팅을 첨부한다. https://jminie.tistory.com/144?category=1040997 안드로이드 [Kotlin] - RecyclerView로 랜덤한 색상으로 사각형 채워보기 📌 RecyclerView 란? https://developer.android.com/guide/topics/ui/layout/recyclerview RecyclerView로 동적 목록 만들기 | Android 개발자 | Android Developers RecyclerView로 동적 목록 만들기 A.. jminie.tistory.com https://jminie.t..

안드로이드 [Kotlin] - LiveData로 계산기 만들기
2022. 3. 27. 17:32
Android
📌 LiveData란? class MainActivity : AppCompatActivity() { override fun onCreate(savedInstanceState: Bundle?) { ... DB에서 초기 아이템 목록 호출 UI 업데이트 추가 버튼 클릭 리스너 { 아이템 추가 UI 업데이트 } 삭제 버튼 클릭 리스너 { 아이템 삭제 UI 업데이트 } } } 위 코드의 문제가 무엇일까? 추가 버튼을 누르면 아이템이 추가되고 UI 가 업데이트된다. 마찬가지로 삭제 버튼을 누르면 아이템이 삭제되고 UI 가 업데이트된다. 만약 아이템이 추가되는 작업이 엄청나게 가볍고 빠른 작업이라면 상관없겠지만, DB 단, 혹은 네트워크 단에서 작업이 이루어진다면 분명 UI 업데이트보다 작업이 오래 걸리게 될 것이다..

안드로이드 [Kotlin] - RecyclerView로 랜덤한 색상으로 사각형 채워보기
2022. 3. 25. 16:52
Android
📌 RecyclerView 란? https://developer.android.com/guide/topics/ui/layout/recyclerview RecyclerView로 동적 목록 만들기 | Android 개발자 | Android Developers RecyclerView로 동적 목록 만들기 Android Jetpack의 구성요소 RecyclerView를 사용하면 대량의 데이터 세트를 효율적으로 표시할 수 있습니다. 개발자가 데이터를 제공하고 각 항목의 모양을 정의하면 R developer.android.com RecyclerView는 개발자가 각 항목의 모양을 정의하고 대량의 데이터 목록을 화면에 출력해주고 동적으로 표현해 주는 뷰 그룹이다. 비슷한 기능을 갖는 ListView을 사용하지 않고 R..