고정 헤더 영역
상세 컨텐츠
본문
LOCKA Project 개발에 필요한 전반적인 내용들을 참고한 곳들.
RN을 주로 다루는 블로그들.
'안드로이드 웹앱 콘테츠 개발자 양성(국비지원)/HybridApp' 카테고리의 글 목록
필요한 자료 및 공유
lcw126.tistory.com
'React & React Native' 카테고리의 글 목록 (2 Page)
coding-dahee.tistory.com
m.blog.naver.com/PostList.nhn?blogId=gusrn1423&categoryNo=50&logCode=0
Bang9's blog : 네이버 블로그
개발자 디자이너
blog.naver.com
전체적인 RN 개요 : reactnative.dev/docs/integration-with-existing-apps.html
기존 앱의 코드를 RN에서 쓸 수 있도록 해주는 작업
React Native · A framework for building native apps using React
A framework for building native apps using React
reactnative.dev
NFC, QR코드 등 잠금해제방법
NFC 인식: coding-dahee.tistory.com/144
[React Native] NFC 태그 시 앱/어플 실행시키는 방법 (Android 위주)
[Android] 방법1. 실행시키길 원하는 앱의 소스코드 만지기 결과적으로는 https://github.com/observ3r/nfc-ndef-react-native 에 있는 android 코드를 사용했더니 됐다! (라이브러리 설치 없이) 1) android/app..
coding-dahee.tistory.com
잠금 방법에 대한 글들 (앱 실행 차단이나 앱 위에 표시)
안드로이드 AccessibiliryService 사용 : https://developer.android.com/guide/topics/ui/accessibility/service?hl=ko
나만의 접근성 서비스 만들기 | Android 개발자 | Android Developers
접근성 서비스는 장애를 가진 사용자 또는 일시적으로 기기와 완벽하게 상호작용할 수 없는 사용자를 지원하기 위해 사용자 인터페이스를 향상하는 애플리케이션입니다. 예를 들어 운전 중이��
developer.android.com
특정 앱 실행 차단 : game-happy-world.tistory.com/19
안드로이드 - 특정 앱 , 유해 앱 차단하기
이번에는 안드로이드에서 특정앱의 실행을 방지하는 기능을 구현하는 방법에 대해 알아보겠습니다. 간혹 아동 공부집중력 향상을 위해 게임앱이나 인터넷 앱 실행을 블록시킨다던지 아니면 비
game-happy-world.tistory.com
특정 앱 실행 차단(영어자료, 불친절함) : https://stackoverrun.com/ko/q/4408013
Android에서 특정 앱 차단 (소스 코드 수정)
projcet에는 특정 앱의 실행을 차단/거부하기 위해 Android 수정이 포함됩니다. 따라서 사용자가 사전에 나열된 앱을 어떤 방법 으로든 실행하려고 시도하면 해당 앱이 실행되지 않아야합니다. Androi
stackoverrun.com
AccessibiliryService 등록하는 법
https://jungwoon.github.io/android/2016/10/03/Accessibility-Service/
Accessibility Service 사용방법 - Jungwoon Blog
안드로이드 접근성 서비스를 이용하는 방법 설정해야하는 순서 android.accessibilityservice.AccessibilityService에서 상속받는 클래스 만들기 AndroidManifest.xml에 접근성 서비스 등록하기 res/xml/accessibility_serv
jungwoon.github.io
https://swlock.blogspot.com/2015/05/android-active-app.html
android 현재 Active 된 app 알아내기 (접근성 이용)
앞서 다른 포스트로 ative 된 app을 알아내는 방법을 시도하였는데 L OS 올라오면서 동작이 안되어 삽질을 계속 하고 있었다. 그중 흥미로운 내용이 있었으니 AccessibilityService 서비스를 이용하는 방
swlock.blogspot.com
https://swlock.blogspot.com/2015/05/android_22.html
현재 가장 유용하게 사용하고 있는 차단방법 :
android 특정 어플 실행 안되게 ( 접근성 이용 )
앞에서 접근성 기능을 이용하여 어플 변화 시점에 대한 것을 알아보았다. http://swlock.blogspot.kr/2015/05/android-active-app.html 조금 소스를 수정하여 어플의 동작을 감시하여 특정 어플이 동작 안되도...
swlock.blogspot.com
https://pluu.github.io/blog/android/droidkaigi/2017/10/20/droidkaigi-2017-AccessibilityService/
Pluu Dev - [번역] DroidKaigi 2017 ~ AccessibilityService 를 사용해 앱의 가능성을 넓히자
AndroidX Activity ~ ContextAware Posted on 30 Sep 2020 GPU Overdraw 1-draw 줄이기 Posted on 18 Aug 2020 CustomView의 레이아웃 1-Depth 줄이기 Posted on 16 Aug 2020 Android CustomView Style의 숨은 그림자 Posted on 09 Aug 2020
pluu.github.io
https://aboutreact.com/react-native-android-permission/
Ask Run Time Android Permission using React Native PermissionsAndroid
We will see how to ask run time Android permission for Camera, access of external storage, phone call etc using React Native PermissionsAndroid.
aboutreact.com
https://myksb1223.github.io/reactnative/2019/02/21/React-Native-04.html
퍼미션 체크와 카메라, 갤러리 사용.
지금은 개발중
개발 일지, 개발 공부, 일본어 공부등을 포스팅하는 블로그입니다.
myksb1223.github.io
react native service 등록하는 법 : medium.com/reactbrasil/how-to-create-an-unstoppable-service-in-react-native-using-headless-js-93656b6fd5d1
How to create an unstoppable service in React Native using Headless JS
Create a service which is not stopped when app is in foreground, background, closed or restart mode in a React Native project.
medium.com
Service에 관한 글 : developer.android.com/guide/components/services#Basics
서비스 개요 | Android 개발자 | Android Developers
Service는 백그라운드에서 오래 실행되는 작업을 수행할 수 있는 애플리케이션 구성 요소이며 사용자 인터페이스를 제공하지 않습니다. 다른 애플리케이션 구성 요소가 서비스를 시작할 수 있으�
developer.android.com
https://chaewonkong.github.io/posts/react-native-android-bridge.html
React Native - 브릿지(Bridge)를 이용해 Android에서 Native Module 이용하기
React Native Android에서 브릿지(Bridge)를 이용해 네이티브 모듈(Native Module)을 사용하는 방법을 알아본다.
chaewonkong.github.io
AccessibilityService에 관한 한글자료 : https://jinhobak.tistory.com/428
AccessibilityService 예제
설정에서 접근성을 체크하면 터치, 키보드 입력 등의 다양한 이벤트를 수신할 수 있다. - 노티 영역에 수집되는 정보를 추출 가능 (카톡 등과 같은 메신저 미리보기 서비스 이용하여 메시지 캐치
jinhobak.tistory.com
react native에서 AccessibilityService를 돌리는 방법 : https://stackoverflow.com/questions/46841662/how-to-get-react-native-to-announce-specific-accessibility-message-via-accessibi]
How to get React-Native to announce specific accessibility message via AccessibiliyManager?
How would you approach announcing an accessibility message via TalkBack on Android (or iOS equivalent)? Is this possible with existing ReactNative version? I just can't find any information and it ...
stackoverflow.com
https://reactnative.dev/docs/accessibilityinfo
React Native · A framework for building native apps using React
A framework for building native apps using React
reactnative.dev
react native에서 AccessibilityService 사용하는 예시 : medium.com/axiata-digital-labs/ussd-handling-react-native-15ebae8d8077
USSD Handling React-Native
Handling native functions can be a big deal when it comes to developing mobile applications using a framework like react-native or flutter…
medium.com
medium.com/hackernoon/easy-os-background-tasks-in-react-native-bc4476c48b8a
Easy OS Background Tasks in React Native
Thanks to a couple of relatively new libraries, running tasks in a background thread, also known as a service, when your react native app…
medium.com
app 사이의 작업 : devblogs.microsoft.com/cse/2018/04/04/app-app-communication-react-native-android/
App-to-app communication with React Native on Android | CSE Developer Blog
The ixo Foundation is building a decentralized impact evaluation protocol using blockchain and W3C decentralized identifier specification. We worked with them to develop a sample client in React Native, including a native Android plugin for app-to-app comm
devblogs.microsoft.com
카메라 잠금(device_admin) : https://developer.android.com/guide/topics/admin/device-admin.html
기기 관리자 개요 | Android 개발자 | Android Developers
기기 관리자 지원 중단. Android 9(API 레벨 28)부터 일부 관리자 정책은 기기 관리자가 호출할 때 지원 중단으로 표시됩니다. 이제 이 변경 사항에 대응할 준비를 하는 것이 좋습니다. 자세히 알아보
developer.android.com
https://www.npmjs.com/package/react-native-check-accessibility
react-native-check-accessibility
## Getting started
www.npmjs.com
[React Native] IOS, android에서 디바이스 설정 창 (device setting) 열기
React Native 에서 IOS, 안드로이드의 디바이스 세팅 페이지와 앱 세팅 페이지를 여는 방법을 알아본다.
velog.io
@ReactMethod(isBlockingSynchronousMethod = true)를 이용해서 Java 함수 return value를 react에서 받을 수 있는 방법 : https://medium.com/@some_day_man/synchronous-returns-in-react-native-native-modules-453af33d5999
Synchronous returns in React Native native modules
Have a native module for React Native whose API would be nicer if its methods’ return values weren’t promises?
medium.com
react native 요일 나타내기 : https://codingbroker.tistory.com/9
[리액트 초보 따라하기 / To do] 7. Clock 컴포넌트(1)
현재 날짜와 시간을 보여주는 Clock 컴포넌트를 만들어 보겠습니다. 완성된 화면을 먼저 볼까요? 멋지죠? 결과물의 모습이나 구조를 상상하면서 코딩하면 생산성과 정신건강 에 큰 도움이 됩니��
codingbroker.tistory.com
UI 작업
화면 전환 : eso0609.tistory.com/88
React-Native Navigation ( 화면 전환 ) 시작하기
Navigation React-Native에서 stack navigator는 앱이 화면간에 전환 및 탐색 기록을 관리 할 수 있는 방법을 제공한다. 앱에서 stack navigator를 하나만 사용하는 경우 웹 브라우저가 탐색 상태를 처리하는 방�
eso0609.tistory.com
react-native를 이용한 D-day앱 제작 : dev-pengun.tistory.com/category/Develop/React-Native
'Develop/React-Native' 카테고리의 글 목록
dev-pengun.tistory.com
react-native를 이용한 instagram UI 구현 : velog.io/@anpigon/React-Native-UI-%EB%A7%8C%EB%93%A4%EA%B8%B0-1
[React Native] 인스타그램 UI 만들기 #1
리액트 네이티브(React Native)로 인스타그램 UI을 구현하는 포스팅입니다. 인기있는 앱을 따라 만들어 보는 것은 굉장히 재미있습니다. 구글에서 인스타그램 클론 코딩 강의를 찾아보니, 다른 개발
velog.io
[RN] 앱 아이콘 바꾸기
안녕하세용 도디예용 오늘은 react native 프로젝트의 앱 아이콘을 바꿔봅시당 아이콘 사이즈 받아오기 일단 로고를 몇개 추출해놨습니당 둘중에 뭘 해볼까 이 로고는 1024x1024 사이즈인데, Android에
velog.io
버튼 이벤트 설정 : https://m.blog.naver.com/gi_balja/221287420761
4. 리액트 네이티브 ( React Native ) : 버튼 이벤트
이번 장에서는 "정답 확인" 버튼이 있고, 클릭시 버튼이 사라지면서 정답 텍스트로 변경되는 <button&g...< p=""> </button&g...<>
blog.naver.com
Custom Alert Dialog : https://github.com/maxs15/react-native-modalbox
maxs15/react-native-modalbox
A component for react-native. Contribute to maxs15/react-native-modalbox development by creating an account on GitHub.
github.com
Text Alert Dialog : https://www.npmjs.com/package/react-native-dialog-input
react-native-dialog-input
Dialog with input for React Native on iOS and Android.
www.npmjs.com
picker select : https://www.npmjs.com/package/react-native-picker-select
react-native-picker-select
A Picker component for React Native which emulates the native
radio 버튼 구현 : https://callstack.github.io/react-native-paper/radio-button.html
RadioButton · React Native Paper
Radio buttons allow the selection a single option from a set.
callstack.github.io
https://www.npmjs.com/package/react-native-simple-radio-button
react-native-simple-radio-button
simple and useful animated radio button component for React Native
www.npmjs.com
https://qastack.kr/programming/27784212/how-to-use-radio-buttons-in-reactjs
ReactJS에서 라디오 버튼을 사용하는 방법?
qastack.kr
라디오 버튼에 대한 자세한 설명 : http://react.tips/radio-buttons-in-react-16/
Radio Buttons In React 16 - React Tips
Radio Buttons in React 16 How do you use radio buttons in React 16? I agree, it can be confusing at first. Let me explain it to you with a help of a simple example. Here is the application that we're going to build: Figure 1. Our application. You can find
react.tips
라디오 버튼 값 부르는 예시 : https://awesomeopensource.com/project/ArnaudRinquin/react-native-radio-buttons
React Native Radio Buttons
react-native-radio-buttons IMPORTANT this package is deprecated and no longer maintained in favor of the official SegmentedControlIOS component. A react component to implement radio buttons-like behaviors: multiple options, only one option can be selected
awesomeopensource.com
setState를 이용한 화면변경 :https://yuddomack.tistory.com/entry/4React-Native-State%EC%99%80-Props-1%EB%B6%80State
4.React Native State와 Props - 1부(State)
이 글은 4.React Native State와 Props - 2부(Props)와 이어집니다 지난 글에서 JSX와 함께 State와 Props가 언급되었습니다. 리액트는 State와 Props라는 객체를 사용하여 화면에 표시되는 가변적인 값들을 관..
yuddomack.tistory.com
TextInput 값 추출하기 : https://stackoverrun.com/ko/q/11104329
react-native - 의 값을 onPress 처리기에서 가져 오는 방법은 무엇입니까?
나는 있어 내가이 일을함으로써 그것을 ref 속성을 준 : 사용자가 this.usernameInput의 값을 취득하려고 를 누를 때 ref={node => this.usernameInput = node;} 그럼, 내가하는 방법이있다. this
stackoverrun.com
https://lcw126.tistory.com/227
HybridApp-React Native 2세대 (TextInput 입력칸에 글자 입력후 버튼으로 화면 갱신)
<최종하면> TextInput에 입력한 값을 받아서 화면에 갱신해본다. 예제들을 d드라이브에 HybridApp에 모아두고 있다 그래서 해당 경로까지 가서 RN03TextInput 을 만들자. MainComponent.js가 화면에 나오도록 ��
lcw126.tistory.com
percentage circle : https://www.npmjs.com/package/react-native-percentage-circle
react-native-percentage-circle
react native percentage circle and also be a progress bar
www.npmjs.com
datapicker : https://www.npmjs.com/package/react-native-datepicker
react-native-datepicker
React Native DatePicker component for both Android and iOS, useing DatePickerAndroid, TimePickerAndroid and DatePickerIOS
www.npmjs.com
Native Module 사용법
mainapp-react 연동 : blog.naver.com/PostView.nhn?blogId=freedman80&logNo=221570679130
React Native - 안드로이드 네이티브 모듈 사용(1)
npm install -g react-native-create-library 리액트 네이티브의 모듈 구조를 자동으로 만들어 주는 패키지...
blog.naver.com
react docs 튜토리얼
https://ko.reactjs.org/docs/getting-started.html
시작하기 – React
A JavaScript library for building user interfaces
ko.reactjs.org
버튼 눌러서 자바 함수 가져오기 : ademcan.net/blog/2018/07/03/how-to-call-native-java-functions-from-javascript-for-a-react-native-app-android/
How to call native Java functions from JavaScript for a React Native app (Android) - Ademcan's blog
React Native is a great framework to develop mobile apps for iOS and Android with the help of JavaScript. However, at some point of your project you might need to call native functions. In React Native, invoking a native function is called bridging. In thi
ademcan.net
자바에서 토스트 메시지 불러오기 : stackoverrun.com/ko/q/12581959
react-native - ReactNative에서 안드로이드 네이티브 모듈을 생성 할 때 "정의되지 않은 함수"입니다.
JS 사이드에서 사용할 수있는 자바 클래스를 작성하려면 ReactNative Native Module Guide을 따르고 있습니다. 내 보낸 메서드는 ToastModule (ToastAndroid으로 내 보낸)의 show입니다. show 방법은 다음과 같습니��
stackoverrun.com
네이티브 모듈 패키지 제작
blog.naver.com/PostView.nhn?blogId=freedman80&logNo=221570679130
React Native - 안드로이드 네이티브 모듈 사용(1)
npm install -g react-native-create-library 리액트 네이티브의 모듈 구조를 자동으로 만들어 주는 패키지...
blog.naver.com
토스트 메시지 띄우는 패키지
reactnative.dev/docs/native-modules-android.html
React Native · A framework for building native apps using React
A framework for building native apps using React
reactnative.dev
컴포넌트 사용법 : rannte.tistory.com/entry/reactnativenativeuimanagerandroid
개인적으로 가장 간단하게 컴포넌트를 사용하게 서술함.
[번역] React Native에서 Native UI Component를 사용해보자（Android편）
서드파티의 네이티브용 SDK로 만든 컴포넌트를 React Native 에서 사용하고 싶어서 조사해봤습니다. 공식은 영어를 읽을 수 있다고 해도 설명이 부족하거나 쓸데없는 내용이 많아서 이해하기 힘들��
rannte.tistory.com
가장 심플한 코드
- Native Component의 Name 과 View 인스턴스를 반환하는 Manager 클래스를 작성합니다.
- Manager클래스（그리고 다른 Java module）를 포괄하는 Package를 작성
- Package를 MainApplication.java 에 등록
- Manager클래스에서 지정한 이름을 사용해서 JavaScript에서 호출한다.
컴포넌트 UI 짜는 법 (유용하진 않아보임, 템플릿.): sendbird.com/ko/blog/sendbird%EB%A1%9C-%EC%8B%9C%EC%9E%91%ED%95%98%EB%8A%94-react-native-chat-tutorial-1-0
Sendbird로 시작하는 React Native Chat Tutorial #1 - Sendbird
이 글은 React Native와 Sendbird JavaScript SDK를 이용하여 채팅을 구현해보는 내용의 첫번째 글입니다. 이 글에서는 다음과 같은 내용을 익힐 수 …
sendbird.com
네이티브 모듈 등록하는 법 (외부앱 실행하는 예시) : chaewonkong.github.io/posts/react-native-android-bridge.html
React Native - 브릿지(Bridge)를 이용해 Android에서 Native Module 이용하기
React Native Android에서 브릿지(Bridge)를 이용해 네이티브 모듈(Native Module)을 사용하는 방법을 알아본다.
chaewonkong.github.io
RN 프로젝트의 라이프사이클 : medium.com/@jang.wangsu/rn-react-native-%EC%83%9D%EB%AA%85%EC%A3%BC%EA%B8%B0-%EB%8A%94-d744d59e275
[RN] React-Native 생명주기 는?
(RN의 한국어 자료가 많아지길 희망하며..)
medium.com
jaeyeophan.github.io/2018/01/02/React-tips-for-beginners/
[번역] React를 본격적으로 하기 전 알면 좋은 6가지
Blog posted about front end development
jaeyeophan.github.io
React Native 개발시 Native 기능 개발후 연결 방법 ( 안드로이드 )
React Native를 개발하다보면 React Native에서 제공해주지 않는 Native 기능을 써야할 때가 오게된다. 왠만한 기능은 이미 Git에 보면 나와 있지만 없을 경우 직접 Native 언어로 개발후 React Native와 연결해
sansanji.tistory.com
https://junlab.tistory.com/m/179?category=831982
리액트 네이티브의 기초 - Hello React 그리고 props 와 state
튜토리얼을 참고하면서 리액트 네이티브 학습을 시작하겠습니다. 이번 시간에는 리액트 네이티브의 기본 틀을 보고 props와 state를 보도록 하겠습니다. 1. Hello World 가장 기본적인 Hello World를 보는
junlab.tistory.com
https://stackoverflow.com/questions/50869652/set-dynamic-initialroutename-in-react-native
set dynamic 'initialRouteName' in react-native
question is simple I know there are lots of answers available for the same question but I have differently set my own App.js file i tried almost all but no success. so my App.js looks like this ...
stackoverflow.com
5.React Native 레이아웃 디자인 - 3부 커스텀 버튼
이 글은 5.React Native 레이아웃 디자인 - 1부 flex와 width, height 5.React Native 레이아웃 디자인 - 2부 배치(Flex Direction)와 정렬(justify content, align items) 5.React Native 레이아웃 디자인 - 3부..
yuddomack.tistory.com
'일기장 > 개발일기' 카테고리의 다른 글
| node.js를 공부해보자(1, 기본적인 문법과 callback, promise, async/await) (0) | 2021.10.07 |
|---|---|
| 야구 시뮬레이션 개발일기 (1. 왜 내가 하던 게임은 망겜소리를 듣나) (0) | 2021.09.18 |
| 시간 날 때 할만한 TOY Project 목록들 (0) | 2020.12.01 |
| VS CodeSpace에서 react-native를 이용한 앱 개발 환경설정 (0) | 2020.09.28 |
| OSAM 해커톤 선발과정 (0) | 2020.09.22 |
