Study Record

태그 - 제목 표시기본형 : 제목 각 웹 콘텐츠 영역에서 제목을 표시할 때 사용하는 태그크기 : h1 > h2 > h3 > h4 > h5 > h6  태그 - 택스트 단락기본형 : 텍스트 입력한 내용 앞뒤로 빈 줄이 생기면서 텍스트 단락이 만들어짐  태그 - 줄 바꾸기줄을 바꿀 위치에 태그를 사용. 닫는 태그가 없음  태그 - 인용문 넣기기본형 : 인용 내용 다른 텍스트보다 안으로 들여 써짐  태그 - 분위기 전환기본형 : 주제가 바뀔 때 분위기 전환. 수평 줄 생김  태그 - 입력한 그대로 표시기본형 : 텍스트 소스에 표시한 공백이 그대로 표시됨. 형태를 유지하려할 때 유용함.프로그램 소스를 표시할 때 유용함  , - 굵게 표시 는 중요한 내용이라서 강조해야 할 때 사용한다. 태그는 단순히 ..

HTML 이란 무엇일까?컴퓨터에서 사용하는 모든 파일에는 각각 고유의 형식이 있다.웹에서는 웹에 맞는 형식인 *.html(또는 *.htm)로 문서를 저장해야 한다.텍스트뿐만 아니라 이미지, 링크 등 여러 요소들을 다루고 표시할 수 있어야 한다.웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어가 HTML 이다. 웹 편집기웹 브라우저에 보여지는 웹 문서를 작성하는 프로그램 어느 부분이 제목이고 어느 부분이 본문인지 알려주는 것이 태그이며 태그를 사용하는 약속의 언어가 HTML 이다. 웹 표준이란 무엇일까?웹 사이트를 만들 때 지켜야 하는 약속들을 정리한 것웹 표준을 지켜 사이츠를 제작하면 장소나 브라우저와 상관없이 쉽게 웹 사이트를 볼 수 있다.웹 표준으로 문서 하나를 만들면 어떤 기기에서나 볼 수 있기..

😶 Compose 앱바와 Navigation 연결하기 앱바를 구현할 때 Scaffold 컴포저블의 topBar 와 Navigation 을 사용하면 rememberNavController 를 이용해 앱바와 Navigation 을 연결할 수 있다. 앱바의 뒤로가기 아이콘을 구현할 경우 뒤로 가기 버튼을 누르면 이전 화면으로 이동해야 한다. 전체 코드는 다음과 같다. @Composable fun LunchTrayApp() { //Create NavController val navController = rememberNavController() // Get current back stack entry val backStackEntry by navController.currentBackStackEntryAsSta..

😶 앱에서 대상 경로 정의 Compose 에서 한 화면에서 다른 화면으로 넘어가는 탐색의 기본 개념 중 하나는 경로이다. 경로는 URL 개념과 유사하게 다른 URL 이 웹사이트의 다른 페이지에 매핑되는 것처럼 경로는 대상에 매핑되어 고유한 식별자 역할을 하는 문자열이다. 대상은 일반적으로 사용자에게 표시되는 항목에 상응하는 단일 컴포저블리거나 그 컴포저블 그룹을 뜻한다. 😶 Navigation 구성요소 Naviagtion 구성요소는 세가지로 나뉜다. NavController 대상(앱의 화면) 간 이동을 담당한다. NavGraph 이동할 컴포저블 대상을 매핑한다. NavHost NavGraph 의 현재 대상을 표시하는 컨테이너 역할을 하는 컴포저블이다. 😶 화면 이동 방법 (NavHost, NavContr..

😶 Alert Dialog AlertDialog( onDismissRequest = { // Dismiss the dialog when the user clicks outside the dialog or on the back // button. If you want to disable that functionality, simply use an empty // onCloseRequest. }, title = { Text(text = stringResource(R.string.congratulations)) }, text = { Text(text = stringResource(R.string.you_scored, score)) }, modifier = modifier, dismissButton = { Te..

😶 단위 테스트 전략 좋은 테스트 전략의 핵심은 코드의 여러 경로와 경계를 포괄하는 것이다. 아주 기본적인 수준에서 테스트는 성공 경로, 오류 경로, 경계 사례라는 세가지 시나리오로 분류할 수 있다. 성공 경로(행복한 경로 테스트) 긍정적인 흐름의 기능 테스트에 집중하는 테스트로 긍정적인 흐름은 예외나 오류 조건이 없는 흐름이다. 오류 경로 및 경계 시나리오에 비해 성공 경로 시나리오는 앱의 의도된 동작에 초점을 맞추기 때문에 전체 목옥을 만들기 쉽다. 오류 경로 부정적인 흐름의 기능 테스트, 즉 앱이 오류 조건 또는 잘못된 사용자 입력에 어떻게 응답하는지 확인하는 데 초점을 맞춘다. 의도된 동작이 실행되지 않을 때 발생할 수 있는 결과가 많기 때문에 가능한 오류 흐름을 모두 파악하기란 매우 어렵다. 경..

😶 gradle 추가 build.gradle.kts(Module: app) 을 열고 dependencies 에 ViewModel 종속 항목을 추가한다. dependencies { implementation("androidx.lifecycle:lifecycle-viewmodel-compose:2.6.1") } 😶 설계 권장 앱 아키텍처에 따르면 먼저 앱 기능에 따라 사용될 데이터를 정의하고 그 데이터에 따라 UI를 설계하는 것이 원칙이라고 한다. 그 원칙에 따라 로그인 기능을 만들려고 한다. 로그인 기능을 위한 데이터는 이메일 주소와 비밀번호다. 데이터에 따라 UI는 이메일 주소와 비밀번호를 사용자가 입력할 수 있는 입력 폼 2개와 제출하는 버튼이 하나 필요하다. 디자인을 고려해 완성된 UI 도안은 다음과..

Jetpack Compose 에서는 앱 UI에서 다양한 애니메이션을 쉽게 구현하도록 지원하는 강력하고 확장 가능한 API 를 제공한다. 😶 AnimatedVisibility 컴포저블 콘텐츠 나타남과 사라짐에 대한 애니메이션을 처리할 수 있다. 기본적인 사용 방법은 visible 가 true 이면 나타나고 false 이면 사라진다. enter 매개변수에는 나타날 때 보여질 애니메이션 효과(EnterTransition)를 exit 매개변수에는 사라질 때 보여질 애니메이션 효과(ExitTransition)을 설정할 수 있다. var editable by remember { mutableStateOf(true) } AnimatedVisibility( visible = editable, enter = fadeIn..