728x90
반응형

분류 전체보기 209

[에러해결] Failed to delete storage directory

✔️ 에러 React Native로 개발하면서 iOS 시뮬레이터로 확인하는데 다음과 같은 warning이 등장했다 Failed to delete storage directory ✔️ 문제 해결 문제는 AsyncStorage에서 clear() 메서드에서 이슈가 있었다. 먼저 기존코드는 단순히 AsyncStorage.clear() 를 활용해서 클리어했는데 이 부분을 아래와 같이 바꿔주면 해결된다! import AsyncStorage from '@react-native-async-storage/async-storage'; const KEY = 'key'; const Storage = { async get() { const data = await AsyncStorage.getItem(KEY); if (!data..

iOS 시뮬레이터 위경도 설정하기

✔️ 필요성 iOS 시뮬레이터를 통해서 개발할 때 시뮬레이터는 위치(위경도)를 자동으로 잡는 것이 아니다. 내가 특정 값으로 설정해줘야한다. 나같은 경우는 맨처음에 경도(longitude)가 음수값으로 나와있어서 한국인으로써 놀랐다. ✔️ 문제 해결 iOS 시뮬레이터 메뉴 > Features > Location > Custom Location을 클릭 내가 원하는 위경도 값을 직접 입력한 다음에 OK를 누르면 끝

[자동완성검색] UI-Kitten Autocomplete 사용하기 / 응용편

✔️ 필요성 지난번에 UI Kitten Autocomplete를 통해 React Native에서 자동완성검색창을 만드는 기본편을 따라해보았다면 이번에는 내가 나의 취향에 맞춰서 꾸며서 응용을 해볼 수 있다. [자동완성검색] UI Kitten Autocomplete 사용하기 / 기본편 ✔️ 필요성 react-native-autocomplete-dropdown도 충분히 좋은 라이브러리인데 renderItem method를 사용해서 그릴 경우 autocomplete이 안되는 충격적인 에러가 있어서 급하게 UI Kitten에서 제공하는 것으로.. sezzled.tistory.com 응용을 할 때 가장 중심이 되는 부분은 renderItem 즉 검색을 했을 때 결과가 나오는 옵션창이 지금까지 일반적인 것이 아니라..

[자동완성검색] UI-Kitten Autocomplete 키보드에 따라 옵션창 위치 바꾸기

✔️ 필요성 React Native로 개발하다보면 (앱을 개발하다보면) 웹이랑 다르게 신경써야할 부분이 키보드이다. 키보드가 올라오면 화면의 약 1/3을 가리게 되는 데 이 때 어떻게 해야할 지 신경써야한다는 것이다. 검색창처럼 검색 결과가 검색창 아래로 내려오는 경우 더 신경이 쓰이는데, 이를 위해 앱을 보면 대체로 검색창은 가장 상단에 위치하는 것이 국룰이다. ✔️ 문제 해결 UI Kitten Autocomplete에서는 이에 대응하기 위해서 옵션창의 위치를 바꿀 수 있다. 검색 결과(옵션)이 나오는 부분이 원래 검색창 아래에 있는데 키보드를 인지하면 위로 바꿔주는 것이다. 키보드를 인지하기 위해서 react-native에서 제공하는 Keyboard.addListener를 사용했다. const [pl..

[에러해결] Expected style width to contain units

✔️ 필요성 react-native + styled-component로 개발하다보면 간혹 이런 에러 메시지를 확인할 수가 있다. width 어딘가에 units, 즉 단위가 없다는 얘기로 들린다. ✔️ 문제 확인 아래처럼 Dimensions를 활용해서 스크린의 너비를 가져오거나, 혹은 다른 어떤 value 값으로 지정해놓고 참조할 때 px를 까먹는 경우가 생길 수 있다. 나처럼... import React from 'react'; import styled from 'styled-components/native'; import {Dimensions} from 'react-native'; const FlatList = styled.FlatList` width: ${Dimensions.get('window')...

[자동완성검색] UI Kitten Autocomplete 사용하기 / 기본편

✔️ 필요성 react-native-autocomplete-dropdown도 충분히 좋은 라이브러리인데 renderItem method를 사용해서 그릴 경우 autocomplete이 안되는 충격적인 에러가 있어서 급하게 UI Kitten에서 제공하는 것으로 갈아탔다 [자동완성검색] react-native-autocomplete-dropdown 사용하기 ✔️ 필요성 RN에서 AutoComplete 검색창을 만들어야 해서 기존에 만들어진 AutoComplete 자동완성 검색창 라이브러리인 react-native-autocomplete-dropdown 라이브러리를 사용하기로 했다. github에서 제공하는.. sezzled.tistory.com UI Kitten - React Native UI Library ..

[자동완성검색] react-native-autocomplete-dropdown 사용하기

✔️ 필요성 RN에서 AutoComplete 검색창을 만들어야 해서 기존에 만들어진 AutoComplete 자동완성 검색창 라이브러리인 react-native-autocomplete-dropdown 라이브러리를 사용하기로 했다. github에서 제공하는 걸 보니 나쁘지 않은 것 같아서 사용하기로 마음먹음 https://github.com/onmotion/react-native-autocomplete-dropdown ✔️ 활용코드 이건 순전히 내 기록용으로 남기기 위해서 활용코드를 만듦. AutocompleteSearch라는 공통 컴포넌트를 만들고, 각각의 검색창마다 이걸 공통으로 가져다 쓸거다. suggestion 아이템들이 나오는 부분을 좀 더 예쁘게 꾸미고 싶기 때문에 renderItem을 받아서 사..

깃헙 사용방법 총정리

✔️ 깃헙 모르면 아무것도 못함 깃헙 어떻게 쓰는지 모르면 요새는 아무것도 못한다. 다른 모든 언어의 가장 처음에 깃헙 사용법이 있었나니... ✔️ git 시작 $ cd [폴더경로] $ git init ✔️ 로컬저장소 확인/삭제 $ rm -r .git # 로컬 저장소 지정을 해제 ✔️ 버전관리 대상 파일의 상태를 파악 $ git status $ git log ✔️ remote repository 등록/지우기 $ git remote add origin {https://github.com/계정/리포지토리} $ git remote -v # 현재 연결되어있는 저장소 경로를 볼 수 있음 $ git remote remove origin ✔️ remote repository에 올릴 파일 추가 $ git add . #..

ETC 코딩/Github 2021.12.13
728x90
반응형