해당 글에서는 React-Native 환경에서 Android / iOS 플랫폼에서의 앱 이름을 바꾸는 방법에 대해 알아봅니다. 1) Android에서 앱 이름 바꾸기 1. main/AndroidManifest.xml💡main/AndroidManifest.xml- 해당 파일은 android/app/src/main 디렉터리 내에 해당 파일이 존재합니다.- 해당 파일에서 @string/app_name을 참조하고 있습니다. 그렇기에 string.xml 파일을 찾아서 이를 수정해 줍니다. 2. string.xml💡string.xml- android/app/src/main/res/values 디렉터리 내에 해당 파일이 존재합니다. 앱 이름 3. 변경 적용 화면 2) iOS 1. XCode💡XCod..
해당 글에서는 react-native에서 자주 사용하는 명령어들을 pacakge.json 파일 내에서 scripts로 구성하여서 편하게 이용하기 위한 방법을 확인해 봅니다. 1) Run 1. Android💡Android 실행 명령어 - 해당 실행 명령어는 연결되거나 혹은 안드로이드 시뮬레이터를 실행하기 위한 스크립트입니다. - 기본적으로 “npx react-native run-android” 명령어를 통해서 안드로이드를 실행하는 명령어로 구성되었습니다. - --port 8081 옵션을 통해서, 개발 서버를 8081 포트로 실행하도록 지정하였습니다. 이는 일반적으로 사용하는 8080 로컬 서버와의 충돌을 피하기 위해 지정하였습니다. - APP_ENV=local은 dotenv에서 지정한 환경 파일을 불러오기..
해당 글에서는 React-Native에서 빌드 시 발생하는 오류에 대한 해결방법을 확인합니다. 1) 문제점💡문제점 - React-Native 환경에서./gradlew assembleRelease 명령어를 통해서 APK 파일을 생성하기 위해서 터미널에서 명령어를 수행하였으나 아래와 같은 빌드 오류가 발생하였습니다. WARNING: The specified Android SDK Build Tools version (33.0.0) is ignored, as it is below the minimum supported version (34.0.0) for Android Gradle Plugin 8.2.1. Android SDK Build Tools 34.0.0 will be used. To suppress th..
문득 드는 짧은 생각을 적어봅니다. '피드백'이라는 단어는 사전적으로 '출력된 결과를 다시 입력(원인)측에 되돌려 출력하는 과정'이라고 합니다. 즉, 입력과 출력 간의 관계에서 입력에 대한 출력이 도출되었을 때, 이에 대해서 추가로 다른 사람의 의견을 반영하여 이를 보완하고 다시 입력으로 되돌려 결과를 도출해 내는 하나의 순환적인 과정으로 이해가 되었습니다. 즉, 일상에서 어떠한 일을 통해서 결과를 얻었을 때, 누군가가 그 결과를 봐주고 "이런 것은 좋은데, 이런 면이 좀 부족하네"라고 결과에 대한 조언을 해주어 더 나은 결과를 만들어 내는 과정으로 설명이 됩니다. 알게 모르게, 일상 생활에서 이러한 피드백에 대해 인지하지 못할 때가 많습니다. 내가 하고 있는 일을 잘하고 있는 중에 누군가가 이에 대해서..
해당 글에서는 Spring Boot 3.x 버전 내에서 Swagger3을 SpringDoc OpenAPI Starter WebMVC UI를 통해 이해하고 설정하는 방법에 대해 알아봅니다.1) Swagger💡Swagger- RESTful 웹 서비스를 설계, 구축, 문서화 및 사용할 수 있는 오픈 소스 소프트웨어 프레임워크를 의미합니다. - 이를 통해 API의 구조와 동작을 정의하기 위한 도구와 사양 세트를 제공하여 API를 개발하고 유지하는 것을 더욱 쉽게 만들어줍니다. API의 엔드포인트, 매개변수, 응답 등을 정의하고 문서화할 수 있습니다.- 어노테이션을 기반으로 작동하고 사용이 되며 API의 구조와 동작에 대해 정의를 합니다. 또한 Swagger를 이용하기 위해서는 라이브러리인 SpringFox나 ..
해당 글에서는 react-native 환경에서 ScrollView로 최상단, 최하단을 이동했을 때 이벤트를 발생시키는 동작 처리 방법에 대해 알아봅니다. 1) ScrollView의 최상단, 최하단으로 이동시 동작 처리 방법💡ScrollView의 최상단, 최하단으로 이동시 동작 처리 방법- Scroll로 이동을 하였을 때, 최상단일 때와 최하단일 때에 대해서 특정 이벤트를 발생시키는 동작 처리를 확인해 봅니다. 1. ScrollView💡ScrollView- React Native에서 제공하는 스크롤 가능한 컨테이너 컴포넌트입니다. 이 컴포넌트는 내부의 콘텐츠가 화면 크기를 초과할 때 유용하게 사용됩니다. 💡[참고] ScrollView 속성속성설명onScroll스크롤 이벤트가 발생할 때 호출되는 함수..
해당 글에서는 react-native 환경에서 TextInput으로 텍스트를 입력할 때 최초 키보드의 타입을 지정하는 방법에 대해 알아봅니다. 1) TextInput 입력 시 최초 키보드 타입 지정(대문자, 소문자) : autoCapitalize 💡TextInput 입력 시 최초 키보드 타입 지정(대문자, 소문자) : autoCapitalize- 사용자의 편의성을 위해서 대문자만을 입력을 받는 경우에 최초 키보드가 띄어질 때, 대문자 패드로 출력이 되면 편리하기에 이에 대한 적용을 수행합니다.- 이를 해결하기 위해 autoCapitalize 속성을 활용합니다. TextInput · React NativeA foundational component for inputting text into the app..
해당 글에서는 디바이스 별로 사용자 시스템에서 지정한 폰트 사이즈에 따라서 앱의 사이즈가 달라지기에 이에 따라서 앱 내에서 이를 고정하는 방법에 대해 알아봅니다. 1) 디바이스 별 사이즈 고정하기 : Text, TextInput💡디바이스 별 사이즈 고정하기 : Text, TextInput- 사용자 별로 디바이스에 대한 글자 크기를 지정할 수 있습니다. 그렇기에 각각 화면상에 보이는 글자 크기가 달라집니다.- 앱에서 변화된 크기에 따라 디자인이 적용되면 좋겠지만, 이에 대해 고정하여서 동일한 글자 크기에 대해서 디자인을 적용하기 위해서 ‘앱 내에서 이를 고정하는 방법’에 대해 알아봅니다.1. Android 글자 크기 확인 방법💡Android 글자 크기 확인 방법- 설정 > 디스플레이 > 글자 크기와 스..
