ABOUT ME

-

Today
-
Yesterday
-
Total
-
728x90
반응형

[React-Native]react-native bottomSheetModal not working
React-Native 2023.03.10 17:45

문제점 기존 앱 개발을 안드로이드 지원할 생각이 없었는데, 안드로이드를 지원하게 되면서 기존에 사용하던 react-native-bottom-sheet 란 라이브러리가 작동이 안되었다.. https://github.com/gorhom/react-native-bottom-sheet 해결방법 index.js /** * @format */ import {gestureHandlerRootHOC} from 'react-native-gesture-handler'; import {AppRegistry} from 'react-native'; import App from './App'; import {name as appName} from './app.json'; AppRegistry.registerComponent(ap..

[React-Native / Xcode]Unable to load contents of file list: '/Target Support Files/Pods-MyButler/Pods-MyButler-resources-Debug-output-files.xcfilelist' 오류 해결
React-Native 2023.02.26 15:10

회사에서 사용하는 노트북은 인텔칩이고, 개인 노트북은 M1칩인데 둘 다 동일한 로직으로 앱을 빌드하는데 M1일때만 Unable to load contents of file list: '/Target Support Files/Pods-MyButler/Pods-MyButler-resources-Debug-output-files.xcfilelist' 해당 오류가 나서 찾아보니 M1칩에서만 일어나는 오류 같았다. 일단 해결 방법을 먼저 말하고 왜 이런 오류가 일어나는 지는 더 찾아봐야 할 것 같다. Unable to load contents of file list: '/Target Support Files/Pods-MyButler/Pods-MyButler-resources-Debug-output-files.xc..

[Next.js] Image Tag Error: Invalid src prop
카테고리 없음 2022.10.06 03:19

에러 발생 기존에는 로컬 이미지만 next/Image를 사용하고 있다가 리모트, 서버상에서 받아오는 값에도 적용을 시켜야 해서 아 그냥 하면 되겠다 싶었다. 하지만..? 아래와 같은 에러가 발생했다.. 심란스러웠다.. 빠르게 구글링을 통해서 무슨 에러인지 찾았다. 해결책 해당 에러는 Next.js의 Image태그를 사용해서 외부의 이미지를 불러올 경우 해당 이미지에 대해 보호하려고 발생하는 오류로 확인되었다. 이 에러를 해결하기 위해선 우리의 next.config.js에 아래와 같은 코드를 입력한다. module.exports = { images: { domains: ['firebasestorage.googleapis.com'], }, }; images 하위의 domains에 [] 안에 에러 문자의 ho..

[Next.js] Router로 새 창 띄우기
카테고리 없음 2022.10.04 21:56

Next.js를 사용하는데 새 창을 띄우고 싶다면 보통 Link나 Router를 이용해야 한다고 생각했다. 특정 글씨를 눌렀을 때 새 창을 띄우고 싶다면 Link를 생각하겠지만 Next.js에서는 a 태그만 사용해도 된다고 나와있다. 하지만 내가 원하는 상황은 글씨가 아니라 특정 부분을 누르고 나서 새로운 창이 열리면서 이동하길 바랬다. 그래서 찾은 방법을 공유하고자 한다. router.push('이동할 url') 처음에는 위와 같은 방법으로 이동하려고 했다. 특정함수를 실행하고 마지막에는 이동할 url로 새창을 여는 상황 하지만 새 창이 뜨지는 않았다. window.location('이동할 url') Next.js에서는 You don't need to use router.push for external..

[JS] 트라이
자료구조와 알고리즘 2022.08.31 11:16

검색의 자동완성 기능을 구현할 때 적합한 자료구조 문자열을 저장하고 효율적으로 탐색하기 위한 트리 형태의 자료구조 특징 - 찾는 문자열의 길이만큼만 시간 복잡도가 걸린다. - 저장공간을 좀 더 많이 사용한다. 구조 루트는 비어있다. 각 간선은 추가될 문자를 키로 가진다. 각 정점은 이전 간선의 키를 값으로 가진다. 해시 테이블과 연결 리스트를 사용한다. 트리 생성하기 function makeTrie(words) { const root = {}; // 먼저 루트 노드를 설정할 변수를 만든다. for (const word of words) { // Trie를 구성하기 위한 루프를 돌린다. let current = root; // 루프부터 시작 for (const letter of word) { // 단어의 ..

views

본 것을 정리

728x90
반응형
Designed by Tistory.