eunoia

로드뷰길찾기지도 크게 보기 엄청나게 대형카페 꼬막식당 기다릴 겸 카페온 건데 꼬막식당 음식 가격보다 더 비쌌다..🫠 저렇게가 3만 원 ㅎ.. 그래도 구경할 것도 많고, 크고, 넓어서 사람은 많아도 쾌적했다

공부를 할 때마다 새롭게 알게되는 부분이 많은데, 한 폴더에 계속 누적하다보니 명확히 알 수 없고, 읽기 복잡하기도해서 앞으로는 새로운 것을 배울 때마다 새로운 프로젝트를 만들어 commit 하기로 했다. vscode >>root폴더(프로젝트를 계속 누적할 곳) npx react-native init 'fileName' ++ 가끔 npm start를 할 때 안드로이드/ ios가 잘 안열리는 경우가 있는데 내가 알게 된 문제 해결 -안드로이드 androidStudio >> fileName을 오픈하는 것이 아닌 androidStudio >> fileName >> android폴더를 오픈한다. 이후 프로젝트의 jdk 설정이라던지, nativeModule 작업을 하기 쉬웠다. -ios xcode >> fileN..

개인 공부용으로 gitgub repository를 만들었고, 회사에 있는 동안에도 공부할 수 있는시간이 잇어 틈틈이 해당 repository로 커밋하고싶은 상황이다. 계정 공유자를 추가하는 방법도 있으나, 복습한다는 생각으로 개인 조직을 만들어서 회사계정을 추가하고, 회사계정의 권한을 소유자로 변경하여 토큰 발급 후 클론코딩하였다. 순서 : 1. 개인깃허브 아이디로 조직 만들기 2. 조직이 만들어지면 해당 레포지토리로 들어가서 팀원을 추가한다. 현재 나는 추가되어있어서 people이 보이지만 초기에는 안보일것이고, invite someone을 눌러 초대하면 된다. 3. 초대받은 계정 (회사계정)으로 들어가 수락한다. 4. 개인계정으로 다시 들어가 회사계정을 팀원이 아닌 owner로 권한 변경해준다. 5...

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 : 컴퓨터..