Group Study (2024-2025 Q1) 54

[Android] 카카오뱅크 클론 코딩 (2)

📝 Compose로 구현한 커스텀 컴포넌트와 리스트 화면 정리 ✅ BankComponentMore 아이콘: 추가 옵션 버튼 표시.커스텀 배경 색상: 호출 시 색상 지정 가능.컴포저블 함수 작성 방식@Composable 애노테이션을 통해 UI 컴포넌트를 선언.재사용 가능한 컴포넌트를 만드는 기본 패턴을 배울 수 있음.레이아웃 구성 및 정렬Box를 활용하여 여러 UI 요소를 겹치거나 특정 위치에 배치하는 방식을 배울 수 있음.Modifier.align()을 통해 Alignment 옵션으로 위치를 조정.UI 커스터마이징입력값: name, amount, backgroundColor를 매개변수로 받아 동적으로 UI를 변경.기본값 제공: backgroundColor에 기본값을 설정하여 유연성을 높임. BankCo..

[ML 입문] 8주차 스터디

8. 텍스트를 위한 인공 신경망8.1. 순차 데이터와 순환 신경망8.1.1. 개요 - 용어 정리순차 데이터(Sequential data)순서에 의미가 있는 데이터예시텍스트 데이터 ⇒ 어순에 따라서 텍스트의 의미가 달라짐시계열 데이터(Time series data) ⇒ 온도 기록 데이터에서 시간 순서를 섞으면 다음 온도를 예상하기 어려움순환 신경망(Recurrent Neural Network, RNN)순환되는 고리가 있는 신경망앞의 샘플의 출력을 새로운 샘플을 계산할 때 재사용즉, 계산된 데이터는 이전 샘플에 대한 기억을 가지고 있다고 볼 수 있음입력에 가중치를 곱하고 활성화 함수를 통과시켜 다음 층으로 보내는 것은 다른 신경망과 동일하나, 층의 출력을 재사용하는 특징이 있는 신경망이러한 특징으로 순차 데..

[Flutter] 8주차 스터디_FutureBuilder와 ListView 이해하기

7주차에 Data Fetching 과정을 통해 외부 데이터를 가져와보았습니다. 8주차에서는 Future 형태로 받은 데이터를 처리해서 화면에 출력해보겠습니다.1. Future 데이터 불러오기Future 데이터를 불러와서 보여주는 방법으로는 2가지가 존재합니다. 첫 번째로는 async/await으로 데이터를 불러오는 방법이고 두 번째로는 StatelessWidget에서 FutureBuilder를 사용하는 방법입니다.1. async/await로 데이터 불러오기기초적인 방법으로 Api를 연결한 함수를 불러와서 리스트 형태로 데이터를 반환 후 리스트에 저장해주고 initState()를 사용해서 업데이트 해줍니다.class HomeScreen extends StatefulWidget { const HomeScr..

[ML 심화] 8주차 스터디 - U-Net , CS231n - Assignment1 inline question 답

U-Net: Convolutional Networks for Biomedical Images Segmentation 논문 리뷰[배경 지식]이미지를 인식하는 다양한 방법이미지 내에서 사물 인식하는 방법에는 다양한 유형 존재Segmentation은 각 픽셀마다 클래스를 할당하는 작업을 의미Semantic Segmentation이미지 내 있는 각 물체(object)들을 의미 있는(semantic) 단위로 분할(segmentation)하는 작업을 의미함분할에서는 각 픽셀마다 하나의 클래스로 분류Semantic Segmentation의 목표이미지가 주어졌을 때, (높이 x 너비 x 1)의 크기를 가지는 한장의 분할 맵을 생성각 픽셀마다 N개의 클래스에 대한 확률을 뱉어, 정답은 (높이 x 너비 x N)의 형태를 ..

[ML 입문] 7주차 스터디

8-1. 합성곱 신경망의 구성요소 밀집층뉴런마다 입력의 개수와 같은 가중치 존재. (모든 입력에 가중치를 곱하고 절편을 더한다.)이미지와 같은 2차원 데이터를 1차원으로 펼쳐서 처리하기 때문에 비효율적 합성곱 convolution가중치의 개수가 입력 개수와 다르다. (입력보다 작은 가중치) → 뉴런에 적은 가중치만 사용뉴런X → 커널=필터=가중치 2차원 합성곱이미지와 같은 2차원 데이터 특징 반영 가능1차원과 마찬가지로 입력 수보다 적은 커널 사용 특성 맵 feature map합성곱 계산을 통해 얻은 출력2차원의 특성맵을 쌓아서 3차원의 배열로 구성이 될 수 있다. 패딩 padding입력 주변에 한개의 픽셀을 덧붙이는 것(보통 0으로 패딩하기 때문에 제로패딩이라고도 부름)필터가 슬라이딩하는 면적을 넓힐 ..

[Android] 카카오뱅크 클론 코딩

✅GIT - 코딩 컨벤션, 브랜치 컨벤션, 커밋 컨벤션 지정✅스플래시와 네비게이션 구현카카오뱅크 클론 코딩을 하기에 앞서 GIT 관련 컨벤션을 정하고 스플래시와 네비게이션을 구현하였습니다.스플래시를 XML, Compose 두가지 방식으로 구현할 수 있으나, 스터디를 컴포즈를 이용해 진행했으므로 컴포즈 형태로 구현했습니다.  스플래시//SplashScreen.kt@Composablefun SplashScreen(navController: NavController, modifier: Modifier = Modifier) { LaunchedEffect(Unit) { //2.5초간 화면 정지 후 main 경로로 이동 delay(2500) navController.navig..

[ML심화] 7주차 스터디

논문리뷰 _ YOLOv3 : an incremental improvement1, 2 stage detector / YOLOYOLO의 motivationYOLO는 정확한 성능보다는 real-time application을 위한 빠른 속도의 알고리즘에 초점을 둠1 stage detectorregion proposal과 object분류 과정이 별도의 네트워크로 분리됨 (2개의 stage로 분리됨)detection의 성능은 상대적으로 낮지만 inference 속도가 상대적으로 높음2 stage detectorregion proposal과 object분류 과정이 별도의 네트워크로 분리되지않음 (1개의 stage로)detection의 성능은 상대적으로 높지만 inference 속도가 상대적으로 낮음주요 내용boun..

[Flutter] 5주차 스터디_Widget State 이해하기

Flutter의 Stateful Widget 이해하기Flutter에서 UI를 구축할 때 사용되는 위젯은 크게 두 가지로 나뉩니다.Stateless Widget: Stateful Widget: Stateful Widget은 상태를 가지고 있어, 데이터 변화에 따라 UI를 갱신할 수 있는 특징이 있습니다.Stateful Widget이란?Stateful Widget은 상태를 가질 수 있는 위젯으로, 데이터가 변할 때마다 해당 위젯이 다시 빌드(build)되어 실시간으로 UI가 업데이트됩니다.Stateful Widget은 또 두 부분으로 나뉩니다.위젯 자체 (StatefulWidget 클래스): UI의 기본적인 구조를 정의합니다. 상태를 생성하는 역할을 하며, 상태가 변할 때마다 build 메서드가 호출됩니다...

[Android] 스타일 가이드와 디자인 패턴

코어멤버분께서 만들어주신 강의자료를 공부하였습니다!스타일 가이드colorMaterial 3에서는 사용자가 목적에 맞게 사용할 수 있도록 color scheme를 제공함라이트 모드와 다크모드에 맞게 색상 지정 가능, 어떤 상황에서 어떤 색을 쓰도록 목적에 맞는 색 정의 가능scheme 안에 있는 요소들primary : floating action button, 버튼 색, 컴포넌트들의 배경 색secondary : 필터 칩 등 덜 중요한 요소들teritary : primary, secondary와 비교하면 대비되는 색으로 구성, 사용자가 터치를 했을 때 다음 ux를 유도하는 등 강조 표현으로 사용color system직접 색상을 지정하여 컬러 변수를 만들 수 있다!import androidx.compose.u..