분류 전체보기21 Hook 사용 규칙 위반 recoil로 토큰 관리를 하고 useRecoilState를 사용했는데 다음과 같은 오류가 발생했다. Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons: 1. You might have mismatching versions of React and the renderer (such as React DOM) 2. You might be breaking the Rules of Hooks 3. You might have more than one copy of React in the same app See https.. 2024. 10. 4. RN: StackNavigation 특정 화면에서 BottomNavigation 없애기 ❗️현재 구조BottomTabNav에 아래와 같이 하단바가 구성되어 있다. 그 중에서 채팅 부분을 ChattingNav로 연결했다. ChattingNav 안에는 ChattingList와 ChattingPage가 등록되어있다. ❓해결 과정ChattingList는 하단바가 보이고 목록을 선택했을 때 넘어가는 ChattingPage는 하단바가 없어졌으면 좋겠다. 찾아보니v6에서는 전체 TabNavigator가 아니라 Tab을 사라지게 할 화면을 Stack으로 가지고 있는 StackNavigator에서 설정을 해주면 된다. const ChattingNav = ({navigation,route}:any) => { React.useLayoutEffect(() => { const routeN.. 2024. 9. 29. [AWS]: S3과 Route53 약 3주 동안 틈틈히 만들었던 m.c.c homepage를 드디어 배포를 했다. 첫 배포라 이것 저것 찾아보다가 S3와 Route53을 이용해서 배포를 하기로 결정했다.(front-end가 배포하는 경우 가장 많이 사용하는 방법)도메인 주소는 예전이 가비아에서 사놓은게 있어서 aws에서 따로 구매는 안했다. S3(Simple Storage Service)모든 종류의 데이터를 객체 형태로 무한정으로 저장할 수 있고(저장에 초점이 맞춰진다), 저장 및 검색에 사용되는 고유한 key를 제공한다.-> SSL을 통해 데이터 전송과 암호화 하므로 보안도 우수가장 큰 특징은 버킷이라는 공간에 정적인 컨텐츠를 저장한다. 뿐만 아니라 S3에서는 '정적 웹 사이트 호스팅' 기능도 제공한다.작성한 코드들을 버킷에 넣으면 S.. 2024. 9. 25. RN: SlidingUpPanel 내에서 FlatList 사용 피드 상세보기 후 댓글 모두 보기 버튼을 누르면 나오는 댓글 패널창이다. 패널창 안에 댓글들을 FlatList로 띄웠는데 한가지 문제가 있었다. ❓ 문제: FlatList의 renderItem들이 스크롤 되지 않는다. 패널창이 아닌 경우에는 스크롤이 잘 됐는데 패널창 안에서만 스크롤이 안돼서 구글링도 하고 gpt도 찾아본 결과.... ❗️원인: SlidingUpPanel과 FlatList 모두 스크롤에 관련된 것이라 제스처 충돌이 일어난다. 특히 상위에 있는 SlidingUpPanel 제스처 때문에 FlatList의 제스처는 막히게 된다. ⭕️ 해결: 내가 생각한 해결법은 패널창이 최대 높이에 도달했을 때 패널창 스크롤을 막고, FlatList 스크롤을 활성화 할 수 있도록 했다. const [i.. 2024. 9. 24. 이전 1 2 3 4 ··· 6 다음
