From_Base

회로에 대한 이해: 📌브레드 보드: 라즈베리파이를 이용한 회로를 구성할때는 브레드보드 라는 도구를 이용한다. 브레드 보드(Bread Board)는 전자 부품을 연결하여 회로를 쉽게 구성해주는 보드로, 아래와 같은 모습을 하고있다. 브레드보드는 전원부와 연결부 총 2개의 구역으로 나누어진다.  위 그림에서 보이는 상단과 하단에 2개의 홈이 한 행으로 쭉 나열된 부분이 전원부 부분이다. 반면 2개의 전원부를 제외한 가운데의 여러 홈들이 바로 연결부 부분으로, 내부 연결도에 보이듯이 해당 1개의 열이 하나의 연결부이다.  브레드보드의 전원부 부분과 연결부 부분은 해당 행 및 열 간에 연결된 접점끼리 같은 전류를 공유한다.  내부 연결도를 보면 하나의 행으로 쭉 연결된 전원부 부분에 전류를 흘려주면 해당 버스..

개요:이번 챕터에서는 Jetpack Compose의 핵심 컴포저블 중 하나인 Text에 대해 자세히 알아보겠습니다.  Text 컴포저블은 화면에 텍스트를 표시하는 데 사용되며, Android의 XML 레이아웃에서 TextView와 유사한 역할을 합니다. Jetpack Compose의 Text는 다양한 스타일링 옵션과 유연한 텍스트 처리 기능을 제공해주기 때문에, 사용자 인터페이스에 풍부한 텍스트 표현을 가능하게 해줍니다. Text의 기본 사용법:Text 컴포저블은 가장 간단하게 문자열 리소스 또는 직접 입력한 텍스트를 화면에 표시합니다.Text(text = "안녕하세요, Jetpack Compose!")Text(text = stringResource(id = R.string.string_name)) //..

개요:BoxWithConstraints 레이아웃은 이름에서도 알 수 있듯이 기존 Box 레이아웃에 + Constraints 즉, 부모로부터 받은 제약 조건(Constraints)을 추가로 제공해주는 레이아웃입니다.  BoxWithConstraints는 부모로부터 받은 제약 조건(Constraints)을 활용하여 더욱 유연한 반응형 UI를 만들 수 있게 해주는 강력한 도구입니다.  이 제약 조건에는 minWidth, maxWidth, minHeight, maxHeight와 같은 정보가 포함되어 있으며, 이를 활용하여 자식 컴포저블의 크기나 위치를 동적으로 결정할 수 있습니다.    BoxWithConstraints 활용 예시BoxWithConstraints를 사용하면 화면 크기나 방향에 따라 UI를 다르게..

개요:저번 챕터에서 알아본 Row & Column에 이어서, 이번 챕터에서는 Jetpack Compose의 또 다른 표준 레이아웃 중 하나인 Box 컴포저블에 대해 자세히 알아보겠습니다.  Row 가 x축, Column 이 y축 이었다면 Box는 화면상의 z축 배치를 담당하는 레이아웃 컴포저블 함수입니다.즉, Box는 뷰(컴포저블 UI)를 겹쳐서 표현하고 싶을때 사용합니다. 이는 XML 방식에서의 FrameLayout과 유사합니다.      Box의 핵심 속성 ➡  contentAlignment : Box 레이아웃의 핵심은 contentAlignment속성입니다.Box는 Row - Column과는 달리 Arrangement 속성이 없고, Alignment 속성만 신경써주면 됩니다.  Box 레이아웃에 A..

개요:저번 챕터에서 알아본 Row에 이어서, 이번 챕터에서는 Jetpack Compose의 또 다른 표준 레이아웃 중 하나인 Column 컴포저블에 대해 자세히 알아보겠습니다.  Colomn은 Row와 반대 개념으로, 자식 Composable 요소들을 열방향 즉 세로 방향으로 배치하는 레이아웃입니다.이는 XML 기반 레이아웃의 LinearLayout에서 orientation을 vertical로 설정한 것과 유사합니다.       Column의 핵심 속성 ➡  verticalArrangement & horizontalAlignment  : Row 레이아웃의 핵심은 verticalArrangement 와 horizontalAlignment 속성입니다. verticalArrangement 속성을 통해 Colu..

개요:이번 챕터에서는 Jetpack Compose의 또 다른 핵심 레이아웃 중 하나인 Row 컴포저블에 대해 자세히 알아보겠습니다. Row는 이름에서 알 수 있듯이, 자식 Composable 요소들을 행방향 즉 가로 방향으로 배치하는 레이아웃입니다. 이는 XML 기반 레이아웃의 LinearLayout에서 orientation을 horizontal로 설정한 것과 유사합니다. Row는 여러 Composable들을 수평(가로) 방향으로 나란히 배열할 때 사용합니다. Row를 사용하면 버튼, 텍스트, 이미지 등 다양한 UI 요소들을 가로로 정렬하여 사용자 인터페이스를 구성할 수 있습니다.       Row의 핵심 속성 ➡  horizontalArrangement & verticalAlignment  : Row ..

LazyColumn은 화면에 보이는 항목만 렌더링하여 메모리 사용량을 줄이고 성능을 향상시키는 Composable 함수입니다. 이는 XML 기반의 RecyclerView와 유사한 역할을 하며, 일종의 Jetpack Compose 버젼의 RecyclerView입니다.  간단히 요약하면, 화면에 보이는 Composable 요소만 표시해주는 스크롤 가능한 Column 레이아웃 입니다.      LazyColumn의 이점 & Column과의 차이:Column은 모든 항목을 한 번에 렌더링하기 때문에 예를 들어, 수백 수천 개의 아이템을 가진 리스트를 Column으로 표시하 하는 등, 내부 요소들이 많아지면 성능 저하를 일으킬 수 있습니다. 반면, LazyColumn은 화면에 표시되는 항목만 렌더링하고 스크롤할 ..

이번 포스팅에서는 Jetpack Compose 프레임워크를 이용한 Android 앱 개발의 기본이 되는 MainActivity 클래스와 그 안의 onCreate, setContent 등 MainActivity를 구성하는 핵심 요소들을 하나씩 짚어보는 시간을 갖도록 하겠습니다. class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) enableEdgeToEdge() setContent { Chapter1Theme { Greeting("반갑습니..