<zinny/>

const [line, setLine] = useState(2);//몇번째 줄까지 보여줄 껀지 const [isActive, setIsActive] = useState(false);//눌렸는지 안눌렸는지 확인하는 용도 const handelLine =() => {//누르면 라인을 글씨 최대 길이로 변경하기 isActivated ? setLine(2) : setLine(Number.MAX_SAFE_INTEGER); setIsActive((prev) => !prev); } //말줄임표는 뒤에 최대 길이는 2번째 줄까지 이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요? 이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요? 이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요? 이렇게 글..

부모 컴포넌트에 타입 지정해주기 interface data { id?: number; Title: string; Nickname: string; Time: string;}interface dataProps { dataList: data[];} 부모 컴포넌트에서 선언한 타입을 쓸 수 있게 함수에 넣어주기 function Parents({dataList} : dataProps){ return ( {dataList.map((data, index)=>{ return } } )} 자식 컴포넌트에도 타입 지정 해주기interface dataProps { data: { id?: number; Title: string; Nickn..

1. import k from "../asset/k.png"; 2. 3. TIP const styles = StyleSheet.create({ back:{ background:"black", width:100%, height:100% }, Img:{ opacity:0.8 } })

1. 설치하기 yarn add react-native-svg yarn add react-native-svg-transformer 2. metro.config.js파일 수정 /* 기존 */ module.exports = { transformer: { getTransformOptions: async () => ({ transform: { experimentalImportSupport: false, inlineRequires: true, }, }), }, }; /* 수정 */ const { getDefaultConfig } = require("metro-config"); module.exports = (async () => { const { resolver: { sourceExts, assetExts } } ..

해결 방법 1 npm start --reset-cache npm start ios 해결 방법 2 rm -rf node_modules yarn install 나는 2번으로 문제가 해결 되었는데 다른 사람들은 거의 1번으로 문제가 해결 되는거 같았다.

*타입스크립트로 앱 실행하기 npx react-native init {파일 이름} --template react-native-template-typescript ** 플리퍼 사용하긩 yarn add react-native-flipper redux-flipper rn-async-storage-flipper @react-native-async-storage/async-storage cd ios/ pod-install 17. iOS Deployment Target 설정하기 좌측에 Test 선택 Info 선택 Deployment Target iOS Deployment Target 12.1 18. iOS Simulator SDK 설정하기 좌측에 Test 선택 Build Settings Architectures E..

폴더 구조 android: 안드로이드 네이티브 폴더 ios: ios 네이티브 폴더 node_modules: 노드 라이브러리 app.json: name은 앱 컴포넌트 이름이니 함부로 바꾸면 안 됨, 이거 바꾸면 네이티브 컴포넌트 이름도 다 바꿔야함, displayName은 앱 이름 변경용 ios/FoodDeliveryApp/AppDelegate.m 의 moduleName android/app/src/main/java/com/fooddeliveryapp/MainActivity.java 의 getMainComponentName babel.config.js: 바벨 설정 index.js: 메인 파일 App.tsx: 기본 App 컴포넌트 metro.config.js: 메트로 설정 파일(웹팩 대신 사용) tsconf..

1, 패키지 다운로드 yarn add react-native-permissions 2. podfile permissions_path = '../node_modules/react-native-permissions/ios' pod 'Permission-Camera', :path => "#{permissions_path}/Camera" pod 'Permission-LocationAccuracy', :path => "#{permissions_path}/LocationAccuracy" pod 'Permission-LocationAlways', :path => "#{permissions_path}/LocationAlways" pod 'Permission-LocationWhenInUse', :path => "#{pe..

#1 Install ffi 터미널에서 입력 sudo arch -x86_64 gem install ffi #2 Re-install dependencies ios/ 위치에서 입력 arch -x86_64 pod install

pod install pod 프로젝트에 세팅하기 위하여 맨 처음에 사용함 profile의 pod을 추가, 삭제할 때도 사용한다 명령어를 실행하면 새로운 pod을 다운받고 설치한다. 각 pod 마다 설치된 버전을 profile.lock에 기록한다. profile.lock은 설치된 pod 버전을 기록하고 유지시키는 역할을 한다. 명령어를 실행하면 profile.lock에 리스트 된 팟들에 대해서 지정된 버전만 다운로드한다. (새로운 버전이 존재하는지는 체크하지 않음) pod update {팟 이름} 코코아 팟은 해당 팟의 업데이트된 버전이 있는지 검색한다 profile.lock을 참조하지 않는다 이 명령어는 팟을 최신 버전으로 업데이트 시켜주는 역할을 한다. 단순하게 pod update만 실행하면 모든 팟에..