전체 글 (122) 썸네일형 리스트형 React - require / import 차이 require는 node의 모듈 시스템. 리액트 하는 내 과정에서는 rquire = import 라고 봐도 문제 없으며 둘이 호환된다고 생각해도 된다. node 로 돌리고있고, node에서는 require만 되는데, import 를 써도 현재 에러 안나고있는 이유는 babel이 바꿔주고있기때문. webpack.config.js 는 node에서 돌리기때문에 import 쓰면 안된다. (1)const React = require('react'); 이렇게쓰는거랑, (2)const { hot } = require('react-hot-loader/root'); 이렇게쓰는거 차이점은? (1) : export default WordRelay; 와 같이 default 로 export 한 것. (2) : export c.. webPack 으로 React 프로젝트 생성, webPack 설정 * 웹팩 - 실제 개발시에 중복도 없애주고, console.log 같은것도 없앨 수 있음. - 수만개의 컴포넌트들을 합쳐서 한 파일로 만들어준다 - node를 알아야함(node = javascript 실행기) * 프로젝트 생성 1. 폴더 생성 후, 터미널에서 생성한 폴더로 들어가기 2. init하기 npm init package name 정하고, author 에 이름 적고, license 에는 MIT 라고 적음. (MIT가 뭘까) >>> 상업적으로 수정/배포 해도되지만 피해는 사용자가 감수하는 라이센스래 3. react-dom, cli 설치 npm i -D react react-dom npm i -D webpack webpack-cli 설치하면 package.json에 출력됨. -D 는 개발용이라는 뜻임.. 시작 > React 사용이유 / setState 주의점 * React 사용 이유 - Single Page Application : 깜빡임X, UI/UX 좋음. 앱과 비슷한 느낌 - 재사용 컴포넌트 - 데이터와 화면 일치 * 코딩시 주의점 - setState는 비동기임 - setState할 때 마다 render되기때문에 함수는 리턴밖에서 선언할것 error) requirenativecomponent gesturehandlerrootview was not found in the uimanager 컴퓨터 종료했다가 다시켜니 발생함 지난번에 package.json 에서 "react-native-gesture-handler": "^2.2.0" 지웠어서 그런가봐. 근데 지난번엔 잘됐었는데, 캐시같은게 남나보다.....ㅠㅠㅜㅠㅜ npm install react-native-gesture-handler 했더니 된다. emulator 안켜져서... 한참 못켜고있었는데 드라이브 꽉차면 안켜진대 여유공간 30GB는 있어야 켜지는것같아 error) Tried to register two views with the same name RNSScreen Container import { createNativeStackNavigator } from '@react-navigation/native-stack'; import { createStackNavigator } from '@react-navigation/stack'; 두 개 중에 뭘 사용해야하는지, >>>>> 둘 다 다른거임 npm install react-native-gesture-handler import 'react-native-gesture-handler' 이 두개는 하는건지 마는건지 모르겠어서 몽땅했다가 발생한 에러. 최신버전에서는 react-native-gesture-handler 를 install하지도 않고, import하지도 않는대서 (install만 하고, import 는 안한다고 한다.) package.. 도움되는 사이트 * 서버에서 사진 가져올 수 있는 사이트 https://picsum.photos/ reactNative 다운로드 필요한 컴포넌트 ** picker, slider 의 경우 : 다운받고 npm start 를 다시해도 안되더니, vscode 재실행하니 됐다. * picker npm install @react-native-picker/picker --save * slider npm install @react-native-community/slider --save * navigation 더보기 1. npm install @react-navigation/native 2. npm install react-native-screens react-native-safe-area-context 3. mainActivity.java 에 추가 >> 이건 아닌가봐 import android.os.Bundle; @Override protected void o.. 이전 1 ··· 11 12 13 14 15 16 다음
