Frontend 14

안드로이드앱: API이미지 호출

메인엑티비티에 리사이클러뷰를 만들어주고 아이템로우XML 을 만들어 카드뷰를 만들어 준다  implementation("cohttp://m.github.bumptech.glide:glide:4.16.0") API 라이브로리 레트롯 핏과 이미지 유알엘 라이브로리인 그리드를 임폴트해주고 메인에 이미지 동작 코드를 작성해준다   메인에 작동할 코드를 써준다 이때 어댑터가 없기에 어터를 만들어야하며 리스트로 받아올 아이템 클래스도 만들어줘야하다.   public class ItemAdapter extends RecyclerView.Adapter뷰홀더를 만들어서 사용할 수 있게 해준다  아이뎀받을 곳이 없으니 아이템을 만든다    API를 불러와 화면에 표시할 수 있게 해준다  구현완료

Frontend/실습 2025.03.10

안드로이드 앱 : 어댑터와 뷰홀더란?

안드로이드 스튜디오에서 어댑터(Adapter)와 뷰홀더(ViewHolder)란?  안드로이드 앱을 만들 때, 리스트 형태로 많은 데이터를 화면에 보여주고 싶다면 RecyclerView를 사용한다. 그런데 RecyclerView는 데이터를 직접 화면에 표시하지 않고, 대신 Adapter(어댑터)와 ViewHolder(뷰홀더)라는 친구들에게 도움을 요청한다.  1. 어댑터(Adapter)란?   어댑터는 데이터를 받아서 화면에 보여주는 역할을 한다. 마치 식당에서 손님이 주문한 음식을 주방에서 가져와 테이블에 서빙하는 웨이터와 같다. 어댑터가 하는 일데이터(예: 연락처 목록, 사진 리스트)를 RecyclerView에 맞게 변환한다.각 아이템이 어떤 모습으로 화면에 보일지 정한다.새로운 데이터가 생기거나 삭제..

안드로이드 앱 : 데이터베이스를 이용한 회원가입과 배포과정

화면을 보고 데이타베이스 가 필요한것을 생각해보면유저 테이블 필요, 메모데이블 필요 아이디 컬럼 타이틀컬럼 날자랑 시간은 따로지만 저장은 한번에 그래서 메모 데이트 컬럼있음 되겟네 내용은 컨텍트 메모생성된시간도 저장도 만들어야지나머지는 수정 삭제니깐 상관없다이제 디비버가자     io.jsonwebtoken jjwt-api 0.12.5 io.jsonwebtoken jjwt-impl 0.12.5 runtime io.jsonwebtoken jjwt-jackson 0.12.5 runtime  ..

Frontend/실습 2025.03.06

안드로으드앱: API 호출

카카톡처럼 위에 상단에 이쁘게 하고싶으면 이부분을 지우고 엑션바라고 해줘야한다themse.xml 둘다 바꿔준다                 아이디 설정          gradle 설정은 다음처럼.implementation("com.squareup.retrofit2:retrofit:2.11.0")implementation("com.squareup.retrofit2:converter-gson:2.11.0")implementation("com.squareup.okhttp3:logging-interceptor:4.12.0")               권한설정해줘야한다     이렇게 보다는   이렇게 좋다 빨간줄뜨는건 시리얼라이즈해줘야한다   이제 메모어레이스트에 추가해야한다 이제 어댑터에 알려줘야한다(화면 표..

Frontend/실습 2025.03.05

안드로이드앱 수정과 삭제

수정  어댑터는 Activity에 속해 있지 않다. 어댑터는 RecyclerView나 ListView와 같은 UI 컴포넌트에 데이터를 연결해주는 역할을 한다.메인 액티비티에 어댑터를 만든 코드를 컨택트 액티비티에서 사용할 수 있다. 어댑터를 생성할 때 Context를 전달하면 다른 Activity에서도 동일한 어댑터를 사용할 수 있다.컨택트 액티비티는 메인 액티비티에 데이터를 전달받을 수 있다. Intent의 putExtra와 getExtra를 사용해 데이터를 전달한다.데이터를 멤버 변수나 Adapter의 데이터 리스트에 넣을 수 있다. 이때 notifyDataSetChanged()를 호출해 어댑터에 변경된 데이터를 적용한다.카드뷰를 수정할 때 수정 액티비티를 띄운다. 수정 액티비티에서는 Intent를 ..

Frontend/실습 2025.03.05

안드로이드앱 어댑터 실습

총 엑티비티 3개메인연락처연락처 수정 레이아웃 윗스match_parent텍스트 사이즈 24dp마진 전체 15dp 이렇게 설정가능하다btnAddrecyclerView아이디 설정      연락처 추가 엑티비티로 갈 수 있게 구현 editNameedtPhonebtnSave 받아주는 코드를 이제 만들러 가겠다   ActivityResultLauncher launcher = registerForActivityResult(new ActivityResultContracts.StartActivityForResult(), new ActivityResultCallback() { @Override ..

Frontend/실습 2025.03.04

안드로이드앱 : 회원가입 구현

화면구현직접해도되고 화면을 캡쳐하여 인공지능에게 만들어달라해도 좋다이번엔 인공지능에게 간단하게 화면구현을 해달라한 후 진행하겠다   회원가입후 뜨는 창은 팝업이다엑티비티가 아니다 따라서 엑티비티는 3개를 구현하겠다 아이디 설정editEmaileditPassword1editPassword2btnSignup  아이디 설정imgAvatarbtnrabbitbtnturtlebtnSave    아이디 설정txtWelcom 코드 구현    유저가 공백을 입력했을 경우와 비밀번호가 일치하지 않을경우를 구현했다  @가 있는지 확인 패스워드 길이 확인 하는 코드를 추가 하였다. 유닛 테스트 결과 정확히 구현됬음을 확인할 수 있다  코드로 이미지뷰 세팅을 할 수 있다imgAvatar.setScaleType(ImageView..

Frontend 2025.03.04

안드로이드앱 : 여러페이지 화면 개발

화면 구현 기능구현    액티비티가 화면에 보였다가 사라질떄 실행되는 함수가 따로있다. onCreate():처음 등록할 때 한 번만 호출된다.앱이 처음 실행되거나 새로운 Activity가 시작될 때 호출된다. 이곳에서 화면을 구성하는 초기 설정을 한다.onResume():화면에 Activity가 보이기 전에 호출된다.화면이 사용자에게 보이기 시작할 때 호출된다. 주로 UI를 갱신하거나, 앱이 사용자와 상호작용을 시작할 때 사용된다.onPause():다른 화면으로 넘어갈 때 호출된다.사용자가 Activity를 떠나거나 다른 화면으로 이동할 때 호출된다. 이곳에서는 앱이 화면에 보이지 않게 될 때 처리해야 할 작업들을 한다. 예를 들어, 비디오가 재생 중이라면 일시 정지하는 등의 작업이 필요하다.onDest..

Frontend/실습 2025.03.03

안드로이드 앱 : 타이머 앱 실습

왼쪽 화면에서는 ImageView의 ID를 imgClock으로 설정하고, 시계 이미지를 추가한다.오른쪽 화면에서는 TextView의 ID를 textTime으로 설정하고, 시계 이미지(imgClock)와 버튼(button)을 Constraint Layout으로 연결한다.    버튼 ID 설정 (왼쪽 화면)btnStop ID를 가진 버튼을 설정한다. 버튼의 레이아웃 크기와 제약 조건을 설정하고, 버튼 텍스트를 "정지"로 설정한다.시간 입력 필드 설정 (가운데 화면)editTime ID를 가진 TextView를 설정한다. 시간 입력을 받을 수 있도록 hint와 textSize를 설정하고, 버튼과 시계 이미지 사이에 위치시킨다.시작 버튼 설정 (오른쪽 화면)btnStart ID를 가진 버튼을 설정한다. 빨간색으..

Frontend/실습 2025.02.28

안드로이드 스튜디오 : 고양이 나이 계산 안드로이드 앱

ImageView 추가: 왼쪽 팔레트에서 ImageView를 선택하고 화면에 드래그하여 추가한다이미지 설정: srcCompat 속성을 통해 원하는 이미지를 설정한다이미지 크기 조정: 오른쪽 속성 창에서 scaleType을 centerCrop으로 설정하면 이미지가 중앙을 기준으로 잘리면서 View에 꽉 차게 표시된다   EditText 추가:Palette에서 All TextView 카테고리에서 EditText를 선택하여 화면에 드래그한다.EditText의 기본 텍스트를 "Name"으로 설정한다.레이아웃 설정:Constraint Widget을 활용하여 EditText의 위치를 중앙에 정렬한다.수직 및 수평으로 ImageView 아래에 배치되도록 제약 조건을 설정한다.wrap_content 옵션을 사용하여 E..

Frontend/실습 2025.02.28