각 div 들이 콘테이너 요소들이라고 생각하고원하는 곳에 배치하면 된다. Flexbox를 활용하면 레이아웃을 간단하게 구성할 수 있다. 특히 반응형 디자인을 구현할 때 매우 유용 코드 설명.outer-container는 position: relative;을 적용하여 내부 요소들이 상대적으로 배치될 수 있도록 설정했다..north, .east, .south, .west 요소들은 position: absolute;을 적용하여 특정 위치에 배치되도록 만들었다.각 요소를 top, right, bottom, left 속성을 활용하여 동서남북 방향에 배치했다. See the Pen Untitled by wpfhorez4 (@wpfhorez4) on CodePen.">See the Pen Untitled ..
웹 개발에서 레이아웃을 효율적으로 배치하는 것은 매우 중요합니다.특히 반응형 웹을 만들 때, 기존의 float이나 position을 사용하는 방식보다 Flexbox(Flexible Box)를 활용하면 훨씬 쉽고 직관적인 레이아웃 구성이 가능합니다.이번 포스팅에서는 CSS Flexbox의 개념부터 실전 예제까지 알아보겠습니다.1. Flexbox란?📌 Flexbox(플렉스박스)의 특징수평, 수직 정렬이 쉬움 – justify-content, align-items를 활용하여 간단하게 정렬 가능동적인 크기 조절 가능 – 화면 크기에 따라 유연한 레이아웃 구성복잡한 UI 배치를 간결하게 구현 가능2. Flexbox 기본 개념Flexbox를 사용하려면 부모 요소에 display: flex; 속성을 적용해야 합니다..
지금까지의 글은 모두 findViewById 를 사용해 Button 이나 TextView 들의 객체를 가져왔지만 매번 findViewById를 사용하면 코드가 길어질 뿐더러 필요한 이벤트가 있을 때마다 객체들을 모두 전역변수로 만들어 findViewById를 사용해야한다 view Binding을 사용하면 이러한 점들을 고치고 전역변수를 1개를 두어 findViewById를 사용하지 않고 객체를 사용하는 것이 가능하다 코드 1 : MainActivity.kt class MainActivity : AppCompatActivity() { /** * @Android 공식 사이트 : https://developer.android.com/topic/libraries/view-binding?hl=ko * * 사용하는..
android strings 파일에 하드코딩 되어 있는 text중 일부분을 데이터를 동적으로 처리 하고 싶을 때 사용하면 된다 코드는 크게 복잡한게 없어 별다른 주석 처리는 해놓지 않았다 코드 1 : MainActivity.kt class MainActivity : AppCompatActivity() { private lateinit var tvMsg: TextView private lateinit var bPlus: Button private var count = 0 override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) tvMsg ..
코틀린 Calendar 객체를 이용하여 오늘 날짜(today) 가져오는 방법과 이번 달 마지막 일(last day)를 가져오는 작업을 실시 코드 1 : MainActivity.kt class MainActivity : AppCompatActivity() { private lateinit var bToday: Button private lateinit var bLastDay: Button private lateinit var tvMsg: TextView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) bToday = findVie..
