- 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.04
- 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.09.29
- [AWS]: S3과 Route53 약 3주 동안 틈틈히 만들었던 m.c.c homepage를 드디어 배포를 했다. 첫 배포라 이것 저것 찾아보다가 S3와 Route53을 이용해서 배포를 하기로 결정했다.(front-end가 배포하는 경우 가장 많이 사용하는 방법)도메인 주소는 예전이 가비아에서 사놓은게 있어서 aws에서 따로 구매는 안했다. S3(Simple Storage Service)모든 종류의 데이터를 객체 형태로 무한정으로 저장할 수 있고(저장에 초점이 맞춰진다), 저장 및 검색에 사용되는 고유한 key를 제공한다.-> SSL을 통해 데이터 전송과 암호화 하므로 보안도 우수가장 큰 특징은 버킷이라는 공간에 정적인 컨텐츠를 저장한다. 뿐만 아니라 S3에서는 '정적 웹 사이트 호스팅' 기능도 제공한다.작성한 코드들을 버킷에 넣으면 S.. 2024.09.25
- RN: SlidingUpPanel 내에서 FlatList 사용 피드 상세보기 후 댓글 모두 보기 버튼을 누르면 나오는 댓글 패널창이다. 패널창 안에 댓글들을 FlatList로 띄웠는데 한가지 문제가 있었다. ❓ 문제: FlatList의 renderItem들이 스크롤 되지 않는다. 패널창이 아닌 경우에는 스크롤이 잘 됐는데 패널창 안에서만 스크롤이 안돼서 구글링도 하고 gpt도 찾아본 결과.... ❗️원인: SlidingUpPanel과 FlatList 모두 스크롤에 관련된 것이라 제스처 충돌이 일어난다. 특히 상위에 있는 SlidingUpPanel 제스처 때문에 FlatList의 제스처는 막히게 된다. ⭕️ 해결: 내가 생각한 해결법은 패널창이 최대 높이에 도달했을 때 패널창 스크롤을 막고, FlatList 스크롤을 활성화 할 수 있도록 했다. const [i.. 2024.09.24
- SSH: Secure SHell SSH: 원격 호스트에 접속하기 위한 프로토콜. 포트 번호 22번을 기본 값으로 사용(변경 가능) 🧷 ShellOS 기능을 사용자가 사용할 수 있게 하는 프로그램OS의 핵심 기능을 감싸고 있고, OS를 대할 때 우리가 만지게 되는 "겉 껍질" 이라는 의미에서 "shell"이라는 단어를 사용shell 의 두 종료Graphical User Interface(GUI): 우리가 쓰는 화면 Command Line Interface(CLI): 명령줄로 OS 기능을 호출하게 해주는 프로그램1. 서버 접속$ ssh -p [ssh port] [host 주소] 2. Linux 비밀 번호 변경$ passwd 💡 SSH 접속 후 구조- SSH는 원격 서버로 통신 터널을 뚫는 프로토콜이다. - SSH 터널의 서버 쪽 끝에 .. 2024.09.10
- [백준] 2231번: 분해합 -JS 문제어떤 자연수 N이 있을 때, 그 자연수 N의 분해합은 N과 N을 이루는 각 자리수의 합을 의미한다. 어떤 자연수 M의 분해합이 N인 경우, M을 N의 생성자라 한다. 예를 들어, 245의 분해합은 256(=245+2+4+5)이 된다. 따라서 245는 256의 생성자가 된다. 물론, 어떤 자연수의 경우에는 생성자가 없을 수도 있다. 반대로, 생성자가 여러 개인 자연수도 있을 수 있다.자연수 N이 주어졌을 때, N의 가장 작은 생성자를 구해내는 프로그램을 작성하시오.입력첫째 줄에 자연수 N(1 ≤ N ≤ 1,000,000)이 주어진다.출력첫째 줄에 답을 출력한다. 생성자가 없는 경우에는 0을 출력한다.예제입력216예제출력198 브루트 포스 단계 들어오자 마자 나는 확 어렵게 느껴지느....🥲다른 블로그.. 2024.08.20
- [백준] 5073번: 삼각형과 세 변 -JS 문제삼각형의 세 변의 길이가 주어질 때 변의 길이에 따라 다음과 같이 정의한다.Equilateral : 세 변의 길이가 모두 같은 경우Isosceles : 두 변의 길이만 같은 경우Scalene : 세 변의 길이가 모두 다른 경우단 주어진 세 변의 길이가 삼각형의 조건을 만족하지 못하는 경우에는 "Invalid" 를 출력한다. 예를 들어 6, 3, 2가 이 경우에 해당한다. 가장 긴 변의 길이보다 나머지 두 변의 길이의 합이 길지 않으면 삼각형의 조건을 만족하지 못한다.세 변의 길이가 주어질 때 위 정의에 따른 결과를 출력하시오.입력각 줄에는 1,000을 넘지 않는 양의 정수 3개가 입력된다. 마지막 줄은 0 0 0이며 이 줄은 계산하지 않는다.출력각 입력에 맞는 결과 (Equilateral, Isos.. 2024.08.08