gdgand / composecamp2022-for-beginners Goto Github PK

질문 내용

• Codelab 과정을 진행하던 중 항상 함수의 매개변수로 Modifier 를 받는 것을 확인하였습니다.
• 제가 생각하기엔 공통된 Modifier 속성값이 있다면 최상위에 만들어두고 해당 객체를 넘겨받아 사용하면 좋겠지만 중복되는 속성값이 없더라도 매개변수로 받는 것이 이로운지에 대한 의문이 들었습니다.
• 최상위에 속성값 없는 val modifier = Modifier 를 하나 만들고 그걸 계속해서 매개변수로 넘겨주어 재사용하는 방식이 권장되는 방식일까요?
• 중복되는 속성값이 없다면 매개변수로 두지 않고 그때그때 생성하여 사용하지만 중복되는 바로 윗단계에서 만들고 넘겨주는게 이로운걸까요?
• 질문이 옳지 않다면 바로 삭제하도록 하겠습니다.

코드랩 링크

• https://developer.android.com/codelabs/basic-android-kotlin-compose-business-card?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-1-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-business-card#0
• 상단 코드랩 진행하며 의문이 들었습니다.

스크린샷 또는 코드 스니펫

@Composable
fun BusinessCard(
    modifier: Modifier
) {
    Column() {
        Column(
            modifier = modifier.weight(7f)
        ) {
            BusinessCardTop(
                modifier = modifier
            )
        }

        Column(
            modifier = modifier.weight(3f)
        ) {
            BusinessCardInfo(
                modifier = modifier
            )
        }
    }
}
// 위 처럼 중복되는 값이 없더라도 최상단에서 val modifier = Modifier 객체를 넘겨주어 계속해서 재사용할 것인지

// 아니라면 아래처럼 중복되지 않을경우 매개변수로 받지 않고 그때 그때 생성해서 주고 중복되는 함수 윗단계에서 만들고 넘겨줄 것인지
@Composable
fun BusinessCard(
) {
    Column() {
        Column(
            modifier = Modifier.weight(7f)
        ) {
            BusinessCardTop(
            )
        }

        Column(
            modifier = Modifier.weight(3f)
        ) {
            val paddingModifier = Modifier
                .padding(start = 48.dp, top = 8.dp, bottom = 8.dp)
            BusinessCardInfo(
                modifier = paddingModifier
            )
        }
    }
}
// CardInfo 내부
@Composable
fun BusinessCardInfo(
    modifier: Modifier
) {
    Column {
        Column(
            modifier = modifier
        ) {
            BusinessCardInfoText(
            )
        }
        Column(
            modifier = modifier
        ) {
            BusinessCardInfoText(
            )
        }
        Column(
            modifier = modifier
        ) {
            BusinessCardInfoText(
            )
        }
    }
}

올리기 전 체크사항

• [ O ] 기존에 같은 질문이 있었는지 확인했습니다.

질문 내용

• Git사용하기를 통해서 진행하고 있습니다.
• System UI Isn't responding이라는 에러 메시지가 뜨며 실행되지 않네요.
• 어떤 문제가 있을까요?

코드랩 링크

• 해당 코드랩 페이지 링크를 넣어주세요.
• 질문을 파악하는데에 도움이 될만한 링크가 추가로 있다면 같이 넣어주세요.

스크린샷 또는 코드 스니펫

• 작업 중인 코드를 첨부합니다.

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.

질문 내용

• Unit4에서 추가한 Resizable (Experimental) 장치를 사용하고 있는데 멈춰버리는 문제가 발생합니다.
• 여러 다양한 화면에서 어떻게 동작하는지 살펴보고 싶어서 테스트해봤는데요. 디스플레이모드를 변경할 때 가끔 정상적으로 보이지 않는 경우도 있고 특히 화면을 rotation하면 아예 에뮬레이터가 멈춰버립니다. 멈춘 상태에서 어떤 interaction에도 반응하지 않습니다.
• 안드로이드 스튜디오를 종료한 후에 다시 에뮬레이터를 실행해도 동작하지 않는 것은 마찬가지고 디바이스 매니저에서 에뮬레이터를 삭제하고 다시 추가하거나 시스템을 다시 부팅하면 에뮬레이터가 실행은 되는데 rotation했을 때 멈춰버리는 것은 마찬가지입니다.
• 이게 제 시스템에서만 발생하는 문제인지 아니면 Experimental 장치이기 때문에 감안해야 하는 건지 알고 싶네요.

코드랩 링크

https://developer.android.com/codelabs/basic-android-kotlin-compose-adaptive-navigation-for-large-screens?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-4-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-adaptive-navigation-for-large-screens#4

스크린샷 또는 코드 스니펫

• 그냥 화면이 멈춰져 있는 상태라서 굳이 스크린샷을 올릴 필요는 없을 꺼 같네요!

올리기 전 체크사항

• [ o ] 기존에 같은 질문이 있었는지 확인했습니다.

질문 내용

• Modifer에 적용 순서에 관한 질문입니다.
• 단순 CSS처럼 생각했는데, 제 생각대로 UI가 구성되지 않아 Modifier에 관해 찾아보니 다음과 같은 글이 있어서 아무리 고민해봐도 이해가 되지않아 질문드립니다.

링크

Modifer는 어떻게 적용되고 순서는 어떠한 방향으로 적용되는 건가요?

올리기 전 체크사항

• [O] 기존에 같은 질문이 있었는지 확인했습니다.

질문 내용

• 안드로이드 스튜디오나 레포지토리 클론을 지우고 다시 받고를 여러 번 했는데도 어떤 점이 문제인지 안드로이드로 열리지 않는 것 같은데 이렇게 해도 진행이 잘 되는지 잘 몰라서 질문합니다.

코드랩 링크

• 해당 코드랩 페이지 링크를 넣어주세요.
• 질문을 파악하는데에 도움이 될만한 링크가 추가로 있다면 같이 넣어주세요.

스크린샷 또는 코드 스니펫

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.

질문 내용

• 질문 내용을 적어주세요.

코드랩 링크

• 해당 코드랩 페이지 링크를 넣어주세요.
• 질문을 파악하는데에 도움이 될만한 링크가 추가로 있다면 같이 넣어주세요.

스크린샷 또는 코드 스니펫

• 작업 중인 코드를 첨부합니다.

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.
• Label 을 맞게 설정했습니다.

단순 번역 오류로 참고하셨으면 좋겠습니다.

영문버전

한글버전

한글버전 내에서는 FocusManage를 Compasable함수인 EditNumberFiled에 넣으려고 하고 있으나 영어버전에서는 그 상위 Composable 함수인 TipTimeScreen에 넣으라고 기재되어 있습니다.

4 ~ 6 과정 중에서 BirthdayCardTheme이라는 생소한 Theme 이 등장합니다.

기본 Theme의 경우 프로젝트 네임에 따라 Theme이 생성되는데, 프로젝트를 생성할 시 _HappyBirthday_라는 프로젝트로 생성하기에_HappyBirthdayTheme()_이 올바릅니다.

11의 솔루션 코드 가져오기 역시 HappyBirthdayTheme이라고 기재되어 있어 헛갈릴 수도 있어서 Issue를 통해 글 남깁니다!

질문 내용

• calculateTip 함수에서 사용하는 NumberFormat.getCurrencyInstance().format(tip) 부분이 예상대로 동작하지 않습니다.

코드랩 링크

• 해당 코드랩 페이지 링크를 넣어주세요.
• 질문을 파악하는데에 도움이 될만한 링크가 추가로 있다면 같이 넣어주세요.

https://developer.android.com/codelabs/basic-android-kotlin-compose-calculate-tip?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-2-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-calculate-tip#5

스크린샷 또는 코드 스니펫

private fun calculateTip(
    amount: Double,
    tipPercent: Double = 15.0,
    roundUp: Boolean
): String {
    var tip = tipPercent / 100 * amount

    if (roundUp)
        tip = kotlin.math.ceil(tip)

    return NumberFormat.getCurrencyInstance().format(tip)
}

NumberFormat.getCurrencyInstance().format(tip) 실행했을 때 소수점이 잘려서 나옵니다.

아예 그 함수 안에서

val tipa: Double = 46.331

val tipa2 = NumberFormat.getCurrencyInstance().format(tipa)

println("tipa2? $tipa2")

로 콘솔 찍어봐도 소수점 잘려서 나옵니다.
달라와 원화 차이인지 모르겠네요.

Kotlin Playground에서는 잘 작동합니다.

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.

질문 내용

Unit2의 Pathway2, Pathway3의 코드들이 모두 작성되어있는데, 새로 프로젝트를 만들어서 PR 올려야하나요.

코드랩 링크

• https://developer.android.com/courses/pathways/android-basics-compose-unit-2-pathway-2
• Pathway2 Dice Roller MainActivity 소스코드
• Pathway2 연습 클릭동작 MainActivity 소스코드
• Pathway3 팁 계산기 MainActivity 소스코드

스크린샷 또는 코드 스니펫

• 없습니다.

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.

• 라벨이 변경되지않아 Unit1으로 작성하였습니다.

Art Space 코드랩 진행중에 있습니다.

코드랩 본문에 간략한 내용만 있는데요.

실습에 진행할 이미지나 텍스트는 임의로 사용해도 괜찮을까요?

코드랩 주소는 아래와 같습니다.

https://developer.android.com/codelabs/basic-android-kotlin-compose-art-space?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-2-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-art-space#0

질문 내용

• 깃허브에 접속하여 url을 복사하였습니다.
• 그 이후 컴퓨터에 폴더를 생성 후 cmd를 실행하였고 그 상태에서 git clone url을 입력 시 오류가 납니다.
• 추가 설명을 요청드립니다.

코드랩 링크

• 해당 코드랩 페이지 링크를 넣어주세요.
• 질문을 파악하는데에 도움이 될만한 링크가 추가로 있다면 같이 넣어주세요.
• https://github.com/Frogfromspace/ComposeCamp2022-for-Beginners/tree/main

스크린샷 또는 코드 스니펫

• 작업 중인 코드를 첨부합니다.
  

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.
• Label 을 맞게 설정했습니다.

한글 페이지 설명 오류

Unit2 - TipTime

코드랩 -> 맞춤 팁 계산하기 -> 5.키보드 작업 설정

TipTimeScreen() -> EditNumberField() 로 되어 있음.

영문)
In the TipTimeScreen() function, add a val variable named focusManager and assign it a value of LocalFocusManager.current property:

한글)
EditNumberField() 함수에서 focusManager라는 val 변수를 추가하고 LocalFocusManager.current 속성 값을 할당합니다.

코드랩 링크

https://developer.android.com/codelabs/basic-android-kotlin-compose-calculate-tip?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-2-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-calculate-tip&hl=ko#4

질문 내용

코드랩에 있는대로 하드코딩 문자열을 추출하고 있습니다.
코드랩의 내용대로면 추출시 stringResource(R.string.happy_birthday_text) 로 추출이 되는데요.
제 PC에서 진행해보니 getString(R.string.happy_birthday_text)로 추출이 됨을 확인했습니다.

stringResource 를 호출하나, getString 을 호출하나, 둘다 정상동작함은 확인하였는데요.

두 함수간의 동작에 차이가 있는지요?

코드랩 링크

https://developer.android.com/codelabs/basic-android-kotlin-compose-add-images?continue=https%3A%2F%2Fdeveloper.android.com%2Fcourses%2Fpathways%2Fandroid-basics-compose-unit-1-pathway-3%23codelab-https%3A%2F%2Fdeveloper.android.com%2Fcodelabs%2Fbasic-android-kotlin-compose-add-images#7

스크린샷 또는 코드 스니펫

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            HappyBirthdayTheme {
                Surface(color = MaterialTheme.colors.background) {
                    BirthDayGreetingWithImage(
                        getString(R.string.happy_birthday_text),
                        getString(R.string.signature_text)
                    )
                }
            }
        }
    }
}

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.
• Label 을 맞게 설정했습니다.

질문 내용

• Pathway3에서 코드를 열었을 경우엔 오류가 나지 않는데, 하위에 있는 코드랩 파일을 열면 오류가 발생합니다..

코드랩 링크

https://developer.android.com/codelabs/basic-android-kotlin-compose-text-composables#4

스크린샷 또는 코드 스니펫

• 작업 중인 코드를 첨부합니다.

올리기 전 체크사항

• 기존에 같은 질문이 있었는지 확인했습니다.