본문 바로가기
반응형

개발로그95

[javascript] async await 비동기 예제 01 const getNowPlaying = async () => { const { response } = await fetch(API_URL); const json_data = await response.json(); setLoading(false); }; getNowPlaying() same as const getNowPlaying = async () => { const { results } = await ( await fetch(API_URL) ).json(); setLoading(false); }; getNowPlaying() 2023. 1. 16.
우문현답 - 멍청한 질문에 현명한 답을 주다. IOS빌드를 5일째 실패해서 복구하지 못하고 있는 나 IOS 빌드하다. - 프로그래밍 언어를 가지고 아이폰에서 동작하는 앱을 만드는 과정 중 하나. 빌드란 ? 여러개의 코드를 적어 여러개의 파일을 만들어낸 뒤 하나로 합치는 작업을 말함. "아..5일째 갈피를 못잡고 빌드를 못하고 있는데, 나는 안될거였나... 자괴감이 든다요. 남들 다 하는데 내가 못할까 싶어 시작하긴 했는데, 남들만 할 수 있는거 아닌가 의심이 들기 시작합니다. " 이 말을 들은 현자의 답. "주식하는 사람들은 일년 내내 돈을 잃고는 그제서야 돈을 잃지 않는 법을 배우기 시작한다오." 하하하...난 겨우 5일 삽질했구나 ㅋ 2023. 1. 11.
** BUILD FAILED ** pod 캐쉬 삭제 후 재설치 /ExpoModulesCore 업데이트 /xcode 다운그레이드 CompileSwift normal x86_64 (in target 'ExpoModulesCore' from project 'Pods') 제안된 해결방법들 1. pod 캐쉬 삭제 후 재설치 cd ios && rm -rf Pods && pod cache clean --all && pod install && cd .. 2. ExpoModulesCore 업데이트 cd ios pod update ExpoModulesCore 3. xcode 다운그레이드 설치되어있는 xcode 의 버전이 언급되면서 다운그레이드 후 ios빌드가 안되던 문제가 해결되었다는 글을 종종 발견했다. 그래서 다운그레이드 해보기로 함. XCODE 다운그레이드 방법 1. xcode를 삭제한다. 2. 아래 링크에서 하위 버전의 xcode를 다운로.. 2023. 1. 11.
** BUILD FAILED ** Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionSentinelHostApplications for extension Xcode.DebuggerFoundation.AppExtensionHosts.watchOS of plug-in com.apple.dt.IDEWatchSupportCore 내가 해결한 방법을 남겨둔다. Requested but did not find extension point with identifier Xcode.IDEKit.ExtensionSentinelHostApplications for extension Xcode.DebuggerFoundation.AppExtensionHosts.watchOS of plug-in com.apple.dt.IDEWatchSupportCore 이런 에러가 vscode 터미널에 갑자기 발생해서 알아봤다. stactoverflow에서 알아본 봐로는 xcode가 업데이트하면 고질적으로 발생하는 오류가 있는데 대표적으로 저런거란다. commandLineTool을 지우고 재설치하라는 방법도 있는데, 나는 간단한 설정 변경으로 해결하였다. xco.. 2023. 1. 11.
react native 프로젝트에 styled-components 적용하기 Motivation( 적용해야하는 이유) Styled components 는 normal CSS코드를 Native Component 가 써도 스타일 적용을 할 수 있게 해준다. 장점 1) component의 이름을 이해하기 쉬운 단어로 지정할 수 있다. 즉 , 코드를 읽고 이해하기 쉬워진다. 예를 들면 View , touchableopacity -> Btn 장점 2) 쉬운 CSS와 실수 방지 style 적용을 위한 javascript 사용은 CSS코드 작성 방식과 유사하기 때문에 실수를 유발한다. # styled-components 적용 전 const styles = StyleSheet.create({ text: { flex: 1, alignItems: "center", justifyContent: "c.. 2023. 1. 2.
react native 에서 typescript 적용(활성화) 하는 방법 reactnative.dev/docs/typescript 출처: https://reactnative.dev/docs/typescript#adding-typescript-to-an-existing-project 기존에 있는 react native 프로젝트에 typescript를 적용하는 방법입니다. Step 01: Install npm install -D typescript @types/jest @types/react @types/react-native @types/react-test-renderer @tsconfig/react-native Or yarn add -D typescript @types/jest @types/react @types/react-native @types/react-test-rend.. 2023. 1. 2.
node version 변경하기 NVM 명령어 정리 # 노드 버전확인 node -v # 설치된 노드의 리스트(버전) 확인하기 node list # 최신버전의 노드로 글로벌 설치하기 npm install -g npm@latest # 지정한 버전의 node 설치하기 nvm install 16.14.2 #(예) 16.14.2 버전의 node 설치하기 #지정한 버전으로 node 사용하기(선택) nvm use 16.14.2 # 16.14.2 버전의 node 사용하기 # 설치된 최신 버전으로 default 설정하기 nvm alias default node # 지정 버전의 노드 삭제하기 nvm uninstall [version] # 이전 버전의 노드 삭제하기 n prune # change default node version nvm alias default [vers.. 2023. 1. 1.
ReactNative 네비게이터 일반( Stack Navigator , Native Stack Navigator 차이점) 리엑트 네이티브에서 네비게이션(페이지 이동)을 구현하려면 두가지 선택권이 있다. 하나는 Stack Navigator 이고 나머지 하나는 Native Stack Navigator 이다. 어떤것을 선택할지는 각각 어떤 차이가 있는지 알아보면 결정하기 쉬울 것이다. @react-navigation/stack stack 네비게이터 동작 모습 Stack Navigator (스택 네비게이터) Android 와 IOS의 look& fell 에 친숙할 수 있도록 구현되었다. 무슨말이냐면 Stack Navigator 로 구현하면 하나의 코드로 IOS에서는 IOS 의 모습으로 Android에서는 안드로이드의 모습으로 보인다는 뜻이다. 단, 애니메이션은 커스터마이징 할 수 있다. 스택 네비게이터는 자바스크립트로 구현되고, .. 2022. 12. 30.
반응형

티스토리툴바