[JavaScript] '??' 널 병합 연산자(nullish coalescing operator)
2023. 3. 16. 21:08
프로그래밍/JavaScript
'??' 널 병합 연산자 nullish 병합 연산자는 짧은 문법으로 여러 피연산자 중 그 값이 ‘확정되어있는’ 변수를 찾을 수 있음 예를 들어 a의 값이 없으면 b의 결과를 찾는 코드를 작성해보자 a가 null 혹은 undefined가 아니면 a 그 외의 경우는 b // nullish 병합 연산자 a ?? b // 삼항 연산자 (a !== null && a !== undefined) ? a : b; 위와 같이 삼항 연산자로 표현하는 것보다 훨씬 간단하게 표현이 가능함 '??'와 '||'의 차이 nullish 병합 연산자는 OR 연산자 ||와 상당히 유사함 실제로 위의 예시를 ||로 바꿔 표현해도 동일한 결과가 나옴 두 연산자의 차이점? ||는 첫 번째 truthy 값을 반환 ??는 첫 번째 정의된 값을 ..
[React Native] SafeAreaView 적용
2023. 3. 14. 21:22
프로그래밍/React Native
react-native-iphone-x-helper SafeAreaView를 위해 react-native-iphone-x-helper 설치하여 위 아래 영역 잡아주기 🚫 더이상 지원이 없을 예정이여서 react-native-safe-area-context로 대체 npm i react-native-iphone-x-helper --save # or yarn add react-native-iphone-x-helper --save react-native-safe-area-context 대체 라이브러리인 react-native-safe-area-context 설치 npm install react-native-safe-area-context # or yarn add react-native-safe-area-cont..
[React] React, React Native 빌드 실패 시
2023. 3. 13. 20:23
프로그래밍/React
프로젝트를 clone 받거나 pull 받아서 빌드할 때 실패하는 경우 모듈 install 하기(react, react native) npm install을 해주면 프로젝트 내에 설치 안되어있는 모듈들만 받기 때문에 마음놓고 해도 괜찮음 npm install # or npm i 시뮬레이터와 연결하기(react native) 시뮬레이터와 연결이 안되어 있는 경우 연결을 해주자
[React Native] 라디오 버튼 구현하기(react-native-radio-buttons-group)
2023. 3. 10. 20:25
프로그래밍/React Native
react-native-radio-buttons-group로 라디오 버튼 구현하기 📍 Installation npm i react-native-radio-buttons-group --save # or yarn add react-native-radio-buttons-group 📍 사용법 App.js 예시 import React, { useState } from 'react'; import RadioGroup from 'react-native-radio-buttons-group'; export default function App() { const [radioButtons, setRadioButtons] = useState([ { id: '1', // acts as primary key, should be ..
[React Native Error] unable to find utility "simctl", not a developer tool or in PATH
2023. 3. 8. 20:45
프로그래밍/React Native
unable to find utility "simctl", not a developer tool or in PATH error 내용 xcrun: error: unable to find utility "simctl", not a developer tool or in PATH error Could not get the simulator list from Xcode. Please open Xcode and try running project directly from there to resolve the remaining issues. Error: Command failed: xcrun simctl list --json devices xcrun: error: unable to find utility "simct..
[JavaScript] byte 수로 문자열 자르기
2023. 3. 7. 20:55
프로그래밍/JavaScript
byte 수로 문자열 자르기 const str = '10센치는 권정열'; function sliceStringByByte(str, byteLength) { const encoder = new TextEncoder(); let currentByteLength = 0; let i = 0; while (i < str.length && currentByteLength < byteLength) { const charCode = str.charCodeAt(i); const byteCount = encoder.encode(str[i]).length; currentByteLength += byteCount; i++; } return str.slice(0, i); } console.log(sliceStringByByte..
[React Native Error] Error: spawnSync adb ENOENT
2023. 3. 6. 20:25
프로그래밍/React Native
Android 실행 builde하려고 할때 Error: spawnSync adb ENOENT 에러가 뜨는 경우 해결 방법 brew install --cask android-platform 위의 명령어로 설치 후 adb version 확인해보기 adb --version
[React Native error] error Failed to install the app. Make sure you have the Android development environment
2023. 3. 3. 20:04
프로그래밍/React Native
React Native 프로젝트 빌드 오류 내용 error Failed to install the app. Make sure you have the Android development environment set up: https://reactnative.dev/docs/environment-setup. Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 FAILURE: Build failed with an exception. * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.Devi..