eunoia

react-native-reanimated *worklet -작은 조각의 javascript 조각 -뷰 속성을 업데이트 하거나, 이벤트에 반응할 때 UI Thread에서 바로 실행시킬 수 있는 JS조각 생성방법 : 함수 상단에 worklet이라는 string 추가 예) const funcA=()=>{ "worklet" ... } *SharedValues -Js Thread와 Main Thread 모두에서 읽기 또는 수정이 가능 한 값 Main Thread에서는 값이 변경됨을 바로 감지할 수 있어 읽기에 특화됨 -useAnimatedScrollHandler hook -setValue directly 예) const scrollOffset = useAnimatedScrollHandler({ onScroll:..

reactNative 장점 : -하나의 코드로 관리, 러닝커브 높은 React사용 -코드푸시로 빠른 업데이트 -> 비용절감 -FastRefresh -오픈소스 플랫폼 단점 : -일부기능 Native접근 필요 -오픈소스, 라이브러리 의존도 -성능 -잦은 업데이트 안드로이드 application에서 전체 앱 상태를 관리하는 class Event를 전달하기 위한 함수를 제공 -onCreate:어플리케이션 실행될때 최초 호출 -onTerminate:어플리케이션 종료될 때 호출 Manifest : android 앱의 메타정보를 요약해서 선언해둔것 Permissions 자주 사용하는 권한 #1 사진관련 ios - NSPhotoLibraryUsageDescription Android - READ_EXTERNAL_STO..

react-native에서 정말 많이 사용하고, 그만큼 중요한 내비게이션이다. 아래 링크를 정말 많이 보고, 참고하고, 적용해 보았다. https://reactnavigation.org/ React Navigation | React Navigation Routing and navigation for your React Native apps reactnavigation.org 위 사이트에 나온 방법대로 내비게이션을 설치했다면, 내가 사용하는 방법은 이렇다. const navigation = useNavigation(); 사용하는 곳에 useNavigation()을 선언해 주고, navigation.navigate(), navigation.goBack(), navigation.push(), 등의 함수를 사용..

2023.10.01 ReactNative 개발자로서 근무하게 되었다. react와 비슷하면서도 전혀 다른 reactnative에 적응하느라 힘들기도 했지만, 또 재미있기도 했다. 개발된 앱이 이미 있었고, 나는 그중 커뮤니티 부분을 개발하게되었다. 이제부터는 이 카테고리에서는 근무하면서 내가 만난 에러와 해결한 내용들이 차곡차곡 쌓일 것 같다. 파이팅!

1. 문제해결 : ScrollView 속성으로 horizontal을 추가하면 된다. 2. 문제해결 : Text 속성으로 numberOfLines={보여줄 줄의 수}을 추가하면 된다

## flex flexDirection - 화면의 방향(좌-우:row/위-아래:column) justifyContent/alignItems- 내부 컨텐츠의 방향, 서로 적용되는 부분이 반대다 ## flexDirection 에따라 justifyContent/alignItems의 위치가 바뀔 수 있다 (예) flexDirection: "column", justifyContent: "flex-end", //컨텐츠는 아래 위치 (사진 속 red) flexDirection: "row", justifyContent: "flex-end", //컨텐츠는 오른쪽에 위치 (사진 속 orange) ------------------------------------- flexDirection: "column", alignIte..

1)리액트 네이티브 react + native 2)Expo -쉽게 만들 수 있도록 도움을 주는 도구 개발 중인 앱 테스트를 위한 Expo Go 앱을 제공해 준다. -계정을 만들어야한다. -같은 네트워크를 사용해야한다(와이파이/방화벽 확인!) e.g) -프로젝트 생성 : expo init 'folderName' -프로젝트 실행 : expo start -프로젝트 빌드 등등 여러 기능들을 사용할 수 있다 3)Yarn app프로젝트 폴더 안에서 사용하는 언어 #설치 npm install -g Yarn yarn -v //로 확인 npm install -g expo-cli expo --version //로 확인 ## 의미 npm : 노드 패키지 매니저 명령을 실행하겠다. install : 설치하겠다 -g : 컴퓨터..

#그누위즈 PHP&MYSQL 개발 도서를 읽으면서 php를 독학 중이다. #xampp를 설치하고, 프로그램은 editPlus를 사용한다. //설치 중 선택 항목이 너무 많아 기록해 두었다. 사용하지 않는 프로그램은 체크하지 않고 설치가 가능하다. #xampp -설치 선택 항목 >> mysql, mercury Mail Server , phpMyAdmin -config >> documentRoot :: xampp\gnuwiz(새폴더명) #editPlus 경로 : xampp >> gnuwiz(새폴더명)>>myapp>>...

오전 8:52:56 [Apache] This may be due to a blocked port, missing dependencies, 오전 8:52:56 [Apache] improper privileges, a crash, or a shutdown by another method. 오전 8:52:56 [Apache] Press the Logs button to view error logs and check 오전 8:52:56 [Apache] the Windows Event Viewer for more clues 오전 8:52:56 [Apache] If you need more help, copy and post this 오전 8:52:56 [Apache] entire log window on the ..

서버 코드 작성 중 실행을 하니까 아래와 같은 오류가 발생하였다. (node:27064) [MONGOOSE] DeprecationWarning: Mongoose: the `strictQuery` option will be switched back to `false` by default in Mongoose 7. Use `mongoose.set('strictQuery', false);` if you want to prepare for this change. Or use `mongoose.set('strictQuery', true);` to suppress this warning. (Use `node --trace-deprecation ...` to show where the warning was creat..