이렇게 선언을 해놨더니이런식으로 에러가 자꾸 떴었다.any를 안쓰기 위해 이것저것 찾아봤는데 이렇게 제네릭을 넣어서 해봤는데 안되었다.너무 최악 후,,구글링 검색을 통해 알아본 결과https://velog.io/@euji42/Typescript-useParam

CRA(create react app)로 리액트 프로젝트를 생성하는 방식이 아닌우리가 직접 개발환경을 셋팅 해보기로 했다.프로젝트를 생성한다.project명├── index.html└── src └── index.jsnpm을 초기화npm init -ywebpack

1.Thunk비동기 작업을 처리 할 때 가장 많이 사용하는 미들웨어reducer로 접근하기전 중간에 우리가 하고자 하는 작업 및 편집을 함수로 따로 만들어 dispatch 함수 인자값에 넣는 방식(액션 객체가 아닌 처리함수를 디스패치 할 수 있음)//export con

플레이 리스트를 추가할때,이상하게 플레이 리스트 제목을 숫자로 하면 정렬이 되어버리길래신기해서 찾아봤다.1.객체는 '특별한 방식'으로 정렬된다.2.정수 프로퍼티로 자동 정렬되고 그 외의 프로퍼티는 객체에 추가한 순서 그대로 정렬된다.3.정수 프로퍼티’라는 용어는 변형

기존 자바스크립트는 자동으로 변수의 타입을 잡아주는 기능(any)이 있는데이 부분이 어떻게보면 사용자에게는 굉장히 편리한 기능이지만큰 프로젝트 같은경우에는 이 기능이 단점으로 작용 할 수 있다는 것이다.그걸 보완하기 위해 나온 타입스크립트 , 마이크로 소프트 사에서 개

브라우저 구성User interface\-> 주소 표시줄, 뒤로가기 앞으로가기 버튼 , 북마크 , 새로 고침버튼 등등 브라우저별로 조금씩 다름Browser EngineUser interface 와 Rendering engine 의 중간역할User interface에서

리액트는 함수형 컴포넌트를 기반으로 사용자에게 빠른 UI를 제공을 목적으로 한다.리액트 특정상 리렌더링이 빈번히 일어나는데리렌

프론트에서 서버에 데이터 요청을 할때,Javascript에서는 Fetch 와 Axios 이렇게 두가지가 있다.매번 쓰면서 딱히 큰 차이를 느끼지 못해 구글링을 통해 알아보았는데존경하는 이름모를 개발자분께서 외국 개발자의 글을 번역하여 표를 정리해둔게 있어서 퍼오게 되었

우리의 인생에도 생애주기가 있듯이, 리액트에도 생애주기(Life Cycle)가 있다.리액트의 라이프 사이클은 크게 3가지로 나누어진다.생성 => 변화 => 사라짐mount => update =>unMounst화면에 나타나는 시점을 mount라 하고,state가 변화하여

Q. 앵귤러, 뷰도 있는데 왜 리액트가 인기가 좋을까.가장 가볍다앵귤러는 리액트,뷰 보다 많은 기능들이 들어있지만 그만큼 무겁다는게 단점.무겁다는 이유로 가벼운 프로젝트에는 적합하지가 않다.뷰는 리액트 보단 기능이 많아 정도로 따지면리액트가 제일 가볍다.커뮤니티 크기가

디버깅만 있으면 소스 읽을때 큰 어려움이 없었던것 같다웹에선 디버깅을 열심히 해서 구조 파악이나 소스 코드를 이해하는데 큰 어려움은 없었는데리액트 네이티브에선 디버깅 모드를 따로 설정을 해줘야해서이렇게 글을 쓴다.VS Marketplace 링크: https:/

@react-navigation/bottom-tabs , @react-navigation/native-stack을 사용하고 나서부터 자꾸 노치영역으로 넘어가 버리는 현상이 생김App.js 에 해당 부분을 추가한다.해당 컴포넌트에 SafeAreaView 를 추가한다

firebase 에서 제공하는 기능들 import 해오기import{ onSnapshot,query,collection,doc,orderBy,addDoc,getDoc,getDocs, updateDoc,deleteDoc, } from "firebase/firestore"

파이어 베이스https://firebase.google.com/?hl=ko 먼저 위 링크로 들어가 프로젝트를 생성한다.위 프로젝트 추가를 클릭하여 생성한다설정 아이콘을 클릭, 프로젝트 설정을 클릭한다.클릭하고 스크롤을 좀 내려보면이 부분이 나오는데 중간에 있는

!리액트는 프레임 워크다=> 리액트는 라이브러리이며 플랫폼에 구애를 받지 않아, 웹/앱에 사용이 가능리액트 네이티브의 장점1\. 리액트로 android, ios 네이티브앱을 동시에 만들 수 있음 (개발자 고용비용이 줄어듬)2\. 배우기 비교적 쉬움리액트 네이티브 참조문