Tag: react

React native Permissions 사용하여 권한 확인하기

시작하기React native permissions 라이브러리를 통해서 이 기기에서 권한이 허용되었는지 여부를 체크할 수 있습니다.안드로이드에서는 React native에 내장된 PermissionsAndroid 를 사용하는 방법도 있습니다.IOS는 React native 공식문서에 따로 기재되어있지 않아서 공통적으로 권한 관리를 하기 위해서 react n

React native QRcode scanner 사용하기

시작하기react-native 앱에서 QR코드를 스캔할 수 있는 스캐너를 라이브러리를 이용하여 구현해보도록 하겠습니다.사용한 버전은 다음과 같습니다. Xcode: 12.5 1234{ "react": "17.0.2", "react-native": "0.66.4"} 라이브러리 정하기수많은 라이브러리 중 결론부터 말하자면 react-nat

iOS 빌드시 xcode doesn't support project's IOS 에러 해결하기

시작하기아이폰에서 시뮬레이션하기 위해서 빌드하기 버튼을 클릭했는데, xcode doesn't support project's IOS 15.1(19B74)라는 에러가 발생했습니다. 이것은 xcode가 아이폰의 소프트웨어 버전인 15.1을 호환하지 않는다는 이야기 입니다.그렇다면 xcode를 설치해야겠죠?아이폰의 최신버전 15.0 이상에서 빌드

React native 아이폰에 빌드해서 테스트하기

환경설정시뮬레이터가 아니라 카메라나 실제로 아이폰에 옮겨서 테스트를 해보기 위한 방법입니다. 애플 계정등록이전에는 애플 개발자 계정으로만 가능했었는데, 현재는 일반 애플 사용자 계정으로 로그인을 해서 빌드 할 수 있게 되었습니다. accounts에 들어가서 애플 계정을 추가해줍니다. 이후 프로젝트가 열려있는 Xcode에 들어가서 targets > 내

M1 mac에서 React native 초기 설치시 에러 해결하기

시작하기리액트 네이티브 초기 설정하는 방법은 다음 링크에서 확인할 수 있습니다.초기 설정초기 설정 방법 대로 했는데 ios에서 에러가 날 경우 해결 방법입니다. m1 맥미니, Big sur, node v14.17.0버전에서 테스트를 했습니다. ios 에러처음에 설치를 하고 npx react-native init MyApp --template react-na

Nextjs typescript 절대경로 설정하기

시작하기상대경로를 사용할 시 패키지 구조가 깊어질 경우 import시에 많이 번거로워지게 됩니다.작은 규모의 어플리케이션이라면 상관없지만 규모가 커질수록 꼬이기 쉬워집니다. 상대경로 1import Acomponent from ‘../../../../component/Acomponent’; 절대경로 1import Acomponent from ‘src/com

리액트 프로젝트에 폰트추가

시작하기리액트 프로젝트에서 폰트를 추가 하는 방법을 알아보겠습니다.구글 폰트에서 링크를 통해 적용하는 방법과 폰트를 다운로드해서 프로젝트에 적용하는 방법이 있습니다. 구글 웹폰트를 통해서 적용하기 프로젝트에 직접 적용하기 구글 웹폰트를 통해서 적용하기구글 폰트 사이트에 접속해서 마음에 드는 폰트를 찾습니다. 폰트를 찾았다면 해당 폰트를 선택하고 하단에

react native android 시작시 adb 에러

시작하기react native에서 시뮬레이터가 켜져 있는 상태인데도 npm run android를 하면 adb command not found와 같은 에러가 날때가 있습니다. android studio를 설치하면 자동으로 adb가 설치됩니다.react native 프로젝트를 시작할때 에러가 나오는 것은 경로가 설정이 제대로 되어있지 않기 때문입니다. 해결하

Gatsby에 markdown 설정하기

시작하기gatsby는 정적 페이지로 제작시 많이 이용합니다. 예로 블로그나 소개 페이지 같은 경우에 용이합니다.데이터 베이스를 연결하지 않고 markdown파일로 글을 작성 후 데이터를 불러와 화면에 뿌릴수 있습니다.markdown파일로 작성시 재사용에 좋습니다. 그러면 gatsby에 markdown를 추가해보도록 하겠습니다. 플러그인 설치기존에 설치되어있