0.라이브러리를 사용한 상태관리를 해야하는 이유?리액트 네이티브 프로젝트에서 여러 화면 간에 공유해야하는 상태가 있거나 한 화면이라도 컴포넌트 렌더 트리에서 서로 멀리 떨어져 있는 컴포넌트간에 상태를 공유할 때는 전역 상태를 관리해줘야한다. 이건 나중에 좀 더 자세히 포스팅하기로 한다...  초기상태 설정 -> 액션 생성 및 디스패치 -> 리듀서 호출(수행) -> 상태 업데이트 -> UI 업데이트  조금 더 구체적으로 동작원리를 설명해보도록 하겠다.  1. 동작원리 설명예시를 들어서 동작원리에 대해 설명해보겠다!사용자의 동작동작동작원리 단계사용자가 increment 버튼 클릭= 버튼 클릭등의 액션 발생1. View 에서 액션을 수행dispatch({type:"INCREMENT"}) = dispatch 함..

배열만들기 5문제설명문자열 배열 intStrs와 정수 k, s, l가 주어집니다. intStrs의 원소는 숫자로 이루어져 있습니다.배열 intStrs의 각 원소마다 s번 인덱스에서 시작하는 길이 l짜리 부분 문자열을 잘라내 정수로 변환합니다. 이때 변환한 정수값이 k보다 큰 값들을 담은 배열을 return 하는 solution 함수를 완성해 주세요.  접근방법1단계: 배열돌면서 s~l 까지 잘라내기2단계: 크기비교하기(이때 문자열이면 int 형과 비교가 불가능하니까 int로 바꿔줌) 3단계: 크면 배열에 추가def solution(intStrs, k, s, l): answer = [] for number in intStrs: part_number = number[s:s+l] ..

로그인화면을 구현하면서로그인 api 를 구축하는데 계속~^^ ㅎㅎ 계속~ ㅎㅎ에러가 떴다 ... 자꾸 network Error 라고 뜨니 도대체 뭐가 문제인지 모르겠고 작동 자체가 안됐다 ㅠ백엔드 분들께 물어봐도 서버자체는 postman 으로 작동을 잘 하고 있고 엔드포인트도 정확하다고 하셔서....내 문제 자체를 정확히 알 수 없었다.  구글링을 하는 수밖에..ㅜ 구글링을 해보니 생각보다 많은 사람들이 이러한 오류를 겪어본것을 알 수 있었다.해결방안이 굉장히 많았고 그 중 내가 시도한 몇가지만 정리해보자면 1. 서버포트가 열려있는지 확인 서버 자체에 접속이 안되어서백엔드 개발자 분께 서버 열려있는지 확인을 해달라고 하였다.url 자체가 작동하지 않았었는데 서버포트가 닫혀있던 문제였다. 첫 관문은 해결!..

리액트에서 코드를 짜다보면 똑같이 생긴 애들을 상태만 바꿔준다든지..똑같은 객체를 또 써야 한다든지 이런 경우들이 있다. 이럴 때 스프레드 연산자를 사용하면 훨씬 깔끔한 코드를 완성시킬 수 있다.   스프레드 연산자(Spread Operator) 란?  기존 배열이나 객체의 전체나 일부를 다른 배열이나 객체로 빠르게 복사할 수 있다.즉 스프레드 연산자는 객체나 배열을 복사하거나 여러개의 요소를 하나로 합칠 때 유용하게 사용할 수 있다. 예시코드const hilong = { name: 'hilonghilong', position: 'front-end', city:'suwon' };const hilonghilong = {...hilong}console.log (hilonghilong) //>> { name:..

1. SafeAreaView화면의 안전한 영역 내에서 콘텐츠를 렌더링하는 데 사용된다.안전한 영역(Safe Area)은 기기의 물리적인 특징(예: 노치, 홈 인디케이터) 때문에 콘텐츠가 가려지지 않도록 보장할 수 있다.예를들어 최신 Ipone 모델의 상단 노치 또는 하단의 홈 인디케이터를 피해서 콘텐츠를 배치하고 싶을 때 SafeAreaView 를 사용하면 안전한 영역 내에 콘텐츠가 위치하게 되는 것이다..단순히 View로만 코드를 감쌌을 때import React from 'react';import {View, Text, Button} from 'react-native';import {useNavigation} from '@react-navigation/native';const WelcomeScreen:..

간단한 논리 연산문제 설명boolean 변수 x1, x2, x3, x4가 매개변수로 주어질 때, 다음의 식의 true/false를 return 하는 solution 함수를 작성해 주세요.(x1 ∨ x2) ∧ (x3 ∨ x4)입출력 예 #1예제 1번의 x1, x2, x3, x4로 식을 계산하면 다음과 같습니다.(x1 ∨ x2) ∧ (x3 ∨ x4) ≡ (F ∨ T) ∧ (T ∨ T) ≡ T ∧ T ≡ T따라서 true를 return 합니다.def solution(x1, x2, x3, x4): return (x1 or x2) and (x3 or x4) 📌파이썬 논리연산자 알아보기1. 논리연산이란?조건문이 참(True) 인지 거짓(False) 인지 판단하는 것을 의미한다. 따라서 and, or, not..

수열과 구간 쿼리 4문제설명정수 배열 arr와 2차원 정수 배열 queries이 주어집니다. queries의 원소는 각각 하나의 query를 나타내며, [s, e, k] 꼴입니다.각 query마다 순서대로 s ≤ i ≤ e인 모든 i에 대해 i가 k의 배수이면 arr[i]에 1을 더합니다.위 규칙에 따라 queries를 처리한 이후의 arr를 return 하는 solution 함수를 완성해 주세요. 해결방법def solution(arr, queries): for query in queries: s, e, k = query for i in range(s, e + 1): if i % k == 0: arr[i] += 1 ..

📌 FlatList란? FlatList는 많은 양의 스크롤이 필요한 리스트 아이템을 보여주고자 할 때 쓰이는 리액트네이티브 컴포넌트 흠... 쓰면 되지 않나? 🤔  ScrollView: RN에서 많은 양의 데이터를 출력 할 때  사용화면의 높이보다 내용물이 커질 때 자동으로 스크롤이 가능해짐 Scroll을 생성하여 화면에 벗어난 부분도 볼 수 있게 함구현하려는 내용의 높이가 실제 화면의 높이보다 클 때 화면을 스크롤할 수 있도록 하기 위해 사용한다.FlatList:RN에서 많은 양의 데이터를 출력할 때 사용한 번에 모든 데이터를 렌더링하지 않고 화면에 보여지는 부분만 렌더링함 (--> 설정한 수만큼의 데이터만 보여지게 할수도 있음)데이터의 길이가 가변적이고 데이터의 양을 예측할 수 없는 경우에 적절..

마지막 두 원소문제설명정수 리스트 num_list가 주어질 때, 마지막 원소가 그전 원소보다 크면 마지막 원소에서 그전 원소를 뺀 값을 마지막 원소가 그전 원소보다 크지 않다면 마지막 원소를 두 배한 값을 추가하여 return하도록 solution 함수를 완성해주세요. 첫번째 시도def solution(num_list): if num_list[-1]>num_list[-2]: a=num_list[-1]-num_list[-2] return num_list.append(a) else: b=num_list[-1]*2 return num_list.append(b) 해결def solution(num_list): if num_list[-1] >..

코드 처리하기문제설명문자열 code가 주어집니다.code를 앞에서부터 읽으면서 만약 문자가 "1"이면 mode를 바꿉니다. mode에 따라 code를 읽어가면서 문자열 ret을 만들어냅니다.mode는 0과 1이 있으며, idx를 0 부터 code의 길이 - 1 까지 1씩 키워나가면서 code[idx]의 값에 따라 다음과 같이 행동합니다.mode가 0일 때code[idx]가 "1"이 아니면 idx가 짝수일 때만 ret의 맨 뒤에 code[idx]를 추가합니다.code[idx]가 "1"이면 mode를 0에서 1로 바꿉니다.mode가 1일 때code[idx]가 "1"이 아니면 idx가 홀수일 때만 ret의 맨 뒤에 code[idx]를 추가합니다.code[idx]가 "1"이면 mode를 1에서 0으로 바꿉니다...