profile
나는야 디테일을 사랑하는 개발자
post-thumbnail

[React Native] Android 스크롤 안되는 현상

iOS에서는 스크롤이 잘 내려가는데 Android에서 엄청 천천히 스크롤이 된다. 죙일 내려야함.검색하다 TouchableWithoutFeedback 로 묶어주면 된다는 정보 입수.상단에 import도 꼭 해주기!import {TouchableWithoutFeedbac

2023년 2월 21일
·
0개의 댓글
·
post-thumbnail

[React Native] Drawer Navigator 아이콘 오른쪽으로 바꾸기

Drawer Navigator은 Left side가 default이다.오른쪽으로 바꾸고 싶어서drawerPosition: 'right' 을 해주었더니 위에 햄버거 아이콘은 그대로 왼쪽에 있고 열리는 것만 오른쪽에서 열리게 됨.DrawerToggleButton을 impo

2023년 2월 19일
·
0개의 댓글
·
post-thumbnail

[error]Text strings must be rendered within a <Text> component - React Native

RN 너무 힘들다 ㅠ 에러파티.. 오늘은 알 수 없는 에러가 떠서 삽질 하다가 발견함.싹 뒤져도 잡을 수 없었는데 구글링 끝에 잡았다 요놈..38번줄에 "/" 들어가 있는게 문제였다. Text 태그에 넣어두라고 사람 피말리던거였음.이거 지우니까 정상 작동함 ㅜㅜ화이팅.

2023년 2월 16일
·
0개의 댓글
·

[React] props 정리

컴포넌트 내부에서 코드를 작성한다.컴포넌트의 파라미터에서 {}안에 받는 내용을 미리 표기한다.컴포넌트 태그 사이에 값이 있을때 'children'이란 예약어를 사용한다.

2023년 2월 12일
·
0개의 댓글
·
post-thumbnail

[React Native] 에뮬레이터 에러 adb deviceserror Failed to launch emulator.

react-native run-android을 했을 때 뜨는 에러터미널에 아래 명령어를 입력 해보았을 때adb deviceList of devices attached 만 뜨면 시뮬레이터가 없을 때임.안드로이드 스튜이오에서 AVD Magager(휴대폰에 안드로이드 모양의

2023년 2월 8일
·
0개의 댓글
·
post-thumbnail

[error] error Could not find "Podfile.lock" M1 에러 해결 mac

React Native 진행 도중 pod install에서 에러가 잔뜩 뜸. 원인을 찾다보니 M1이 문제였다. 이런저런 방법을 시도해도 안되다가 마지막에 됨..먼저 터미널 정보에서 Rosetta를 사용해서 열기를 체크해준다이후 pod install을 하기 위해sudo

2023년 2월 8일
·
0개의 댓글
·
post-thumbnail

npm ERR code EACCES (Mac)

CodePush 설정 중에 npm 에러가 발생했다.원인은 첫 줄의 -g 전역설치 때문에 생긴 에러라고 한다.npm install -g appcenter-cli 앞에 sudo 를 붙여서 관리자 권한으로 설치하면 된다.password 요구 시 Mac의 비밀번호를 입력하면

2023년 2월 2일
·
0개의 댓글
·

[자료구조] 자료구조란?

자료구조가 무엇이고 왜 배워야할까?자료구조는 쉽게 말하면 자료를 저장하는 구조이다. 조금 더 정확하게 말하면 데이터를 저장하고 관리하는 방식이라고 할 수 있다.예를 들어보면 전화번호를 수첩에 적어서 전화번호부를 만든다고 가정해보았을 때 어떤 방법들이 있을까?전화번호를

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

[React Native] Layout System

react native 정복기. Layout System에 대해 공부해보자-RN에서 레이아웃을 만들려면 Flexbox를 사용해야 한다. flexbox 복습할 계획이었는데 이렇게 다시 한번 공부하게 되는구나몇가지 예외를 제외하면 React Native의 flexbox는

2023년 1월 18일
·
0개의 댓글
·
post-thumbnail

[React Native] Expo StatusBar, React Native StatusBar

궁금증 : React Native 기본 코드에 Expo StatusBar와 React Native StatusBar가 왜 있을까? StatusBar가 두개가 있는게 궁금하다.이유는 Expo가 react native의 일부 components와 APIs를 복제하고 개선하

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

[React Native] Component, API, Expo SDK

https&#x3A;//www.reactnative.dev/React native documentation을 찾을 수 있는 사이트. 상단 Development 카테고리에서 Component 를 클릭하면 Core Components를 확인할 수 있다.왼쪽 리스트를 보면

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

[React Native] React Native의 규칙 (View, Text, StatusBar, StyleSheet)

native의 기본 코드 구성. 처음 보는 View, Text, StatusBar, StyleSheetViewreact native는 웹사이트가 아니기 때문에 div 대신 View를 사용해야 한다. (div 쓰면 에러 팡팡)View는 container라고 생각하면 된다

2023년 1월 16일
·
0개의 댓글
·
post-thumbnail

[React Native] VSCode를 사용해 환경 설정하기

면접을 보며 Native를 써봐야겠다는 생각이 크게 들었다.🤔 프로젝트 코드 리뷰도 하고있고 시간이 부족하다 부족해.. 네이티브를 빠르게 사용해보고 싶은 마음에 VSCode를 사용하여 환경설정을 하였다. 테스트용으로 진행 하는 방법이라는데 후딱 찍어먹어보고 시뮬레이터

2023년 1월 16일
·
0개의 댓글
·

스코프와 클로저

아래 코드를 출력해보면 outer()에는 1이 출력됨.1은 어떻게 찾을 수 있을까? 🤔console.log(a); 콘솔에 a를 찍으라 했으니 이 a에 무슨 값이 들어가 있는지 찾아야 함. 이 때 무슨 값이 들어있는지 찾는 곳이 바로 스코프 임.&lt; outer 스코

2023년 1월 11일
·
0개의 댓글
·

일반함수 vs 화살표함수

일반함수 > 1. 함수 선언식 함수 선언식의 특징은 호이스팅 이 가능하다. 함수의 호이스팅이란 함수의 선언을 코드의 최상단으로 끌어올리는 것을 의미한다. 고로 main 함수는 호이스팅이 되기 때문에 함수를 코드상에서 선언하기 이전에 main() 함수를 호출할 수

2023년 1월 11일
·
0개의 댓글
·

useEffect 사용 방법 마스터

🏻 useEffect는 언제 사용할까? 어떠한 컴포넌트가 마운트(화면에 첫 렌더링) 되었을 때, 업데이트(다시 렌더링) 되었을 때, 언마운트(화면에서 사질 때) 되었을 때 특정 작업을 처리할 코드를 실행시켜주고 싶다면 useEffect를 사용하면 됨 🏻 useEf

2023년 1월 8일
·
0개의 댓글
·

리덕스 사가(Redux Saga)란?

리덕스 썽크(Redux Thunk) 다음으로 가장 많이 사용되고 있는 리덕스 사가(Redux Saga)는 리액트/리덕스 애플리케이션에서 비동기적으로 API를 호출하여 데이터를 가져오는 일과 같은 부수 효과(Side Effect)를 쉽게 처리하기 위해 사용하는 라이브러리

2022년 12월 14일
·
0개의 댓글
·

"==" 와 "==="의 차이

"=="는 동등 연산자로, 비교하는 대상의 형(타입)이 다르더라도, 강제로 비교한다.즉 두 값의 타입이 다르더라도, 형 변환된 값이 같다면 true를 리턴한다."==="는 일치 연산자로 동등 연산자보다 엄격하게 비교한다.타입과 값이 모두 같을 경우에만 true를 리턴한

2022년 11월 29일
·
0개의 댓글
·

GET과 POST의 차이

GET과 POST는 HTTP 메서드로 클라이언트에서 서버로 무언가를 요청할 때 사용한다. 그럼 무엇이 다를까?사용목적 : GET은 서버의 리소스에서 데이터를 요청할 때, POST는 서버의 리소스를 새로 생성하거나 업데이트할 때 사용한다.DB로 따지면 GET은 SELEC

2022년 11월 20일
·
0개의 댓글
·

메모이제이션(Memoization)이란?

메모이제이션은 동일한 계산을 반복해야 할 때 이전에 계산했던 값들을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 할 수 있는 방법이다. 동적 계획법의 핵심이 되는 기술이다.리액트에서는 메모이제이션 기능을 지원하는 훅을 사용할 수

2022년 10월 24일
·
0개의 댓글
·