Home

Android/React Native 관련 개발을 하면 다양한 전체화면 관련 설정을 볼 수 있습니다. 전체 화면 모드(Full-Screen Mode) 종류는 어떤 것이 있을까요? 동영상, 게임, 이미지 갤러리과 같은 다양한 어플리케이션에서 유저들이 앱에 더 집중할 수 있게, 다양한 종류의 설정을 제공하고 있습니다. lean back lean back 모드는 사용자가 동영상을 시청할 때와 같이 화면과 거의 상호작용하지 않을 때 사용합니다. 시스템 표시줄을 다시 표시하려면 사용자는 화면 아무 곳이나 탭하면 다시 메뉴 확인 가능합니다. Immersive ...

1. Problem React Native/RN/Android/IOS 를 개발하다가 JS Debugging 때문에 앱 실행이 제대로 되지 않을 때가 있습니다. 한 번 디버깅을 위하여 이것저것 학습을 하다가 JS Debugging을 설치한 이후로, 앱 실행 시마다 JS Debugging 이 실행되어 앱 실행이 제대로 되지 않을 때가 있었습니다. 이 때, 디버깅을 비활성화하는 방법은 무엇일까요? 2. Solution 아래의 방법으로 해결할 수 있습니다. 저는 첫번째 방법을 사용하여 간단하게 해결했습니다. 기기(또는 에뮬레이터)에서 앱을 제거한 후, RN 명령어를 입력하여 앱을 다시 시작하면 원격 디버깅이 ...

자바스크립트(Javascript)를 사용하다보면 소수점 처리를 하기 위하여 올림, 내림, 반올림 함수를 사용하고 싶을 때가 있습니다. 이 때 어떤 함수를 사용해야 할까요? 간단하게 Javascript 의 Math 함수를 사용하면 됩니다. 사용 방법은 아래와 같습니다. 올림 (Math.ceil) Math.ceil(); 소수점 위에서 올림 처리를 하고 싶다면 위의 명령어를 사용합니다. 사용 예시는 아래와 같습니다. let a = Math.ceil(1.3); // result : 2 let b = Math.ceil(1.5); // result : 2 let c = Math.ceil(1.7); // result ...

React Native/RN 를 이용하여 개발을 하다보면 IOS 에서의 노치가 있어서 View가 노치에 가려지는 상황이 발생합니다. 예전의 IOS와 달리 비교적 최근부터는 노치가 생겼기 때문에 이런 현상이 발생합니다. 상단바 제외(리액트 네이티브)하여 원하는 컨텐츠가 잘 보이게 해야되는 니즈가 있을 때는 어떻게 해야할까요? SafeAreaView 를 사용하는 경우에는 이런 현상을 방지할 수 있습니다. SafeAreaView 는 무엇일까요? SafeAreaView의 목적은 장치의 안전 영역 경계 내에서 콘텐츠를 렌더링하는 것입니다. 현재 iOS 버전 11 이상이 설치된 iOS 기기에만 적용됩니다. Saf...

1. Problem Git 을 사용하다 보면 현재 branch 의 commit 내용이 아닌 다른 branch commit 의 이력을 모두 받아오고 싶은 경우가 있습니다. master 의 내용으로 덮어 쓰거나, 여러 작업을 하다 보니 현재 Branch 가 origin 과 달라서 merge 할 수 없고 충돌나는 케이스 등 여러가지 경우가 있을 것입니다. 이럴 때에는, 강제(force)로 pull 해줘야 합니다. 어떻게 해야 원하는 commit 으로 덮어쓰기(overwrite)를 할 수 있을까요? 2. Solution 아래의 명령어를 수행하기 전에 먼저 $ git fetch 을 수행해서 Origin 의 데이터를 가...

1. Problem React Native/RN(리액트 네이티브) 에서 개발을 진행하다 보면 기기 화면 사이즈를 얻어야 하는 경우가 생깁니다. 모바일 기기의 해상도를 얻기 위해서 어떤 방법을 사용해야 할까요? React Native/RN(리액트 네이티브) 에서 제공하는 API 로 손쉽게 해당 값을 얻어올 수 있습니다. 2. Solution Dimensions.get() 를 사용하면 화면 사이즈/해상도를 얻어올 수 있습니다. get의 값으로 ‘window’ 와 ‘screen’ 이 들어갈 수 있는데요. // StatusBar를 제외한 영역의 사이즈 on Android Dimensions.get('window')...

1. Problem React Native/RN(리액트 네이티브) 에서 개발을 진행하다 보면 수정한 코드가 잘 반영되지 않는 경우가 있습니다. 수정한 내용(코드)이 반영(적용)되게 하기 위해서 이런 저런 방법을 찾아보다가 간단한 해결책을 찾아보았습니다. 모든 케이스에 이 명령어가 동작하지는 않겠지만, 아래의 해결 방법을 확인해보시면 도움이 되실 수 있을 것 같습니다! 2. Solution 모든 케이스에 적용되지는 않지만 cache clean 으로 문제를 해겷할 수 있는 경우가 꽤 있는 것 같습니다. 해결책은 자신이 사용하고 있는 환경에서 아래의 명령어를 입력하여 cache clean 을 한 후에 확인해보는 것...

자바스크립트(Javascript)를 사용하다보면 String 을 Json 으로, Json 을 String 으로 변환하고 싶을 때가 있습니다. JSON Text(String)를 Object로 변환하거나, Object를 JSON Text(String)으로 변경하려면 어떤 방법을 사용해야 할까요? 우리는 간단하게 함수를 사용하여 손쉽게 해결할 수 있습니다. string to json JSON.parse() string 을 json 으로 변환하기 위해서는 JSON.parse() 를 사용해야합니다. 아래와 같이 string 형식의 json 을 넣어주면 json 으로 잘 변환해줍니다. const obj = '{"na...

1. Problem $ react-native run-android or $ yarn nx run-android mobile or $ npx react-native run-android If you proceed with the mobile build with the above command, you can only check the basic simulator. If i want to change to android simulator or real device phone. How can I change the simulator? 2. Solution First, you can confirm your si...

1. 도큐사우르스의 스위즐링(Swizzling)이란? 도큐사우르스에서 제공해주는 기본적인 컴포넌트나 테마 이외에, 사용자가 원하는 컴포넌트에 값을 추가로 넣거나 컴포넌트를 수정하고 싶은 경우가 있을 것입니다. 사이드바에 원하는 것을 넣거나, 페이지네이션을 구성하거나, 다양한 종류의 커스터미이징을 하고 싶은 경우가 많을 것 같은데요. 이것을 하기 위해서는 도큐사우루스의 핵심 개념인 스위즐링(Swizzling)에 대해 다룰 겁니다. 이를 통하여 유저가 원하는 커스터마이징을 할 수 있습니다.스위즐링(Swizzling)은 테마 컴포넌트를 유저가 작성하여 변경할 수 있으며, 아래의 두 가지 패턴으로 제공됩니다. ...