나의 디딤돌

구글 플레이에 App bundle 등록 시 디버그 모드 오류

구글 플레이에 출시하기 위해 App bundle를 업로드 하자 다음과 같은 오류가 뜨는 경우가 있습니다.

디버그 모드로 서명한 APK 또는 Android App Bundle을 업로드했습니다. 출시 모드로 APK 또는 Android App Bundle에 서명해야 합니다.

그중 디버그 모드로 만들었을 시 간단하게 해결하는 방법을 알아보겠습니다.

Project에서 보면 android 폴더가 있을 것입니다.

경로를 보자면 android/app/build.gradle를 열어보시고 아래로 내리시면 buildTypes가 있습니다.

buildTypes {
    release {
        // TODO: Add your own signing config for the release build.
        // Signing with the debug keys for now, so `flutter run --release` works.
        signingConfig signingConfigs.debug
    }
}

이때 signingConfig signingConfigs.debug에서 debug만 release로 변경해주시면 됩니다.

즉,

buildTypes {
    release {
        // TODO: Add your own signing config for the release build.
        // Signing with the debug keys for now, so `flutter run --release` works.
        signingConfig signingConfigs.release
    }
}

이렇게 말이죠.

JavaScript에서 타이머 구현을 하기 위한 방법으로

setTimeout과 setInterval 두 함수 중 한 가지를 이용하면 구현이 가능합니다.

간단하게 비교하자면

setTimeout 같은 경우 일정 시간이 지난 후에 실행하는 방법

clearTimeout()으로 스케줄링 취소

setInterval 해당 시간 마다 주기적으로 실행하는 방법

clearInterval()으로 스케줄링 취소

문법

let timerId = setTimeout/setInterval(func|code, [delay], [arg1], [arg2], ...)

함수 후 delay 부분에 원하는 시간을 넣게 되면 해당 시간 이후 실행이 됩니다.

그리고 실제 setInterval으로 이용해서 타이머를 구현한 코드입니다.

let timer = setInterval(function(){
        console.log(time);
        
        if(time>=1){
            time = time - 1;
                
        }
        if(time==0){
            console.log("종료");
    
            clearInterval(timer);
        }
        time_text.textContent = time;
        },1000);

Error: [Home] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>

리액트를 처음 공부하는 거라

클론 코딩을 통해 공부를 하다 보니 이런 오류가 떠서 막혔습니다.

해당 오류는 Routes 컴포넌트 안에는 자식 요소로 Route 또는 React.Fragment만 들어갈 수 있다는 뜻으로,

그 외에 코드가 들어가게 되면 오류가 뜹니다.

기존 코드같은 경우는 Switch를 이용하였는데 업데이트가 되면서 Switch대신 Routes를 사용한다고 합니다.

이후에 Route 컴포넌트 내에 element 속성을 이용해서 원하는 컴포넌트를 넣게 됩니다.

기존 오류 코드

1

<Switch>
                {isLoggedIn ? (
                    <>
                        <Route exact path="/">
                            <Home/>
                        </Route>
                    </> 
                ) : (
                    <Route exact path="/">
                        
                        <Auth />
                    </Route>
                )}

            </Switch>

2

            <Routes>
                {isLoggedIn ? (
                    <>
                        <Route exact path="/" element={<Home/>}>
                            <Home/>
                        </Route>
                    </> 
                ) : (
                    <Route exact path="/" element={<Auth/>}>
                        
                        <Auth />
                    </Route>
                )}

            </Routes>

여기에 Route 부분 안쪽에 <Home/> 또는 <Auth/>가 없어야 합니다.

변경 완료

<Router>
            <Routes>
                {isLoggedIn ? (
                    <>
                        <Route exact path="/" element={<Home/>}>
 
                        </Route>
                    </> 
                ) : (
                    <Route exact path="/" element={<Auth/>}>

                    </Route>
                )}

            </Routes>
        </Router>

깃허브에 로컬과 원격 저장소를 연결하기 위해

git remote add origin 주소

이렇게 입력하면 

fatal: remote origin already exists.라는 오류를 보실 수도 있습니다.

이 해결 방법은 간단합니다.

먼저 터미널에 다음 순서대로 입력해주시면 됩니다.

1. git remote rm origin 

2. 이후 처음부터 설정을 해주시고 다시 순서대로 하시면 됩니다.

이후부터는 가독성을 위해 왼쪽 정렬로 하겠습니다.

git config --global user.name "유저네임"

git config --global user.email "깃허브 메일주소"

--- 저는 따로 디렉터리를 만드는게 아니라 바로 설정하도록 하겠습니다.

git init //처음 깃허브를 하면 디렉토리를 만들게 됩니다.

git status // 현재 상태를 보는 명령어입니다.

git add 파일.확장자

또는 처음이라 다 올리려면 git add . 이렇게 입력하시면 됩니다. 다만 git add 파일.확장자 처럼 하게 되면

올리고 싶은 것만 할 수 있습니다.

git commit -m "설명"

git remote add origin 주소

이렇게 해주어서 저는 오류가 해결되었습니다.