본문 바로가기

반응형

Legacy(~18.10)/React && React Native

(4)
[Redux]Redux 복습 템플릿_1 해당 글은 velopert님 블로그 글을 보고 개인 복습용으로 만들었습니다.출처 : https://velopert.com/3533 ============================================================프로젝트 클론git clone https://github.com/vlpt-playground/begin-redux.git패키지 설치yarn절대경로 로드 설정.env 파일에서 NODE_PATH= ??? 불필요 파일 제거App.jsApp.cssApp.test.jsLogo.svg주요 컴포넌트 생성 및 루트 컴포넌트 생성크게 components / containers / store 로 나뉜다.구현카운터 모듈 작성하기src/store/modules/counter.js //액션 타..
[React / React Naive TIPS] import 할 때, {}를 넣고 빼고는 무슨 차이 일까? [React / React Naive TIPS] import 할 때, {}를 넣고 빼고는 무슨 차이 일까?* 해당 글은 구글 검색 'react import {} or not' 했을 때 나오는 검색 결과를 기반으로 작성 되었습니다.예전부터 들었던 의문 중에 하나는, 리액트 혹은 리액트 네이티브 프로젝트를 할 때, 맨 윗줄에 항상 이 코드가 존재하는데,import React, {Commponent} from 'react' 여기서, 왜 React는 {}가 없고 왜 Component 부분은 {}가 있을까?이것의 가장 간단한 답변은 다음과 같다.import React from 'react' 이것은 default import 를 말한다.우리가 함수 혹은 클래스 앞단에 설정을 할 떄, 'export default' ..
[React / React Naive TIPS] SetState에 대해서 [REACT / REACT NAIVE TIPS] SETSTATE에 대해서setState에 대해서 써보려고한다. 이유는 내가 여태껏 React, React Native를 접하면서 setState를 얼만큼 잘 알고 다루느냐에 따라서 잘 하고 못하고 갈린다고 생각하기 떄문이다.(물론, 리덕스 같은 써드 파티 모듈들을 잘 다루는 것도 중요하고, 여러가지 중요한게 많겠지만..)setState비동기로 state를 업데이트 한다.메소드 실행 즉시, 동기적으로 실행 되는 것이 아님즉, setState를 통해 상태를 변경하더라도 해당 메소드가 실행된 직후에 변경된 상태가 바로 적용되지 않는다.특히나, setState를 호출한 직후, this.state에 접근하는 것은 흔한 실수this.setState({value: th..
[React / React Naive TIPS] axios 와 fetch 어떤 것을 사용할까? [React / React Naive TIPS] axios 와 fetch 어떤 것을 사용할까?* 해당 글은 구글 검색 'what difference fetch axios' 라고 검색했을 때 나오는 1 페이지의 내용을 기반으로 제 생각이 첨가되어 작성되었습니다.react, react-native 에서 API 로 부터 데이터를 받아올 때, fetch, axis 등을 사용하는데,이것들은 무엇이고? 왜 이걸 써야 하는지? 성능은 무엇이 좋은지? 그래서 사용법은 어떤지에 대해서 알아본다.구글링 검색을 했을 때, 나오는 글들을 종합 하였을 때, 종합해보면 fetch, axios 에 대한 특징은 다음과 같다 Axios1. 사용하기 좀 더 편리하다. -> 개인적인 생각으로는 사용법이 살짝 다르지만, 전체적으로 비슷한데..

반응형