반응형 리액트4 리액트 1 시작하는 법(설치 프로그램 / 링크) 전 회사에서 리액트를 하다가 이직 후 제이쿼리만 하다보니 리액트를 다 잊어버렸다. 오랜만에 다시 리액트를 해보니 정말 많이 잊어버렸다는 것이 실감나서 혼자서 정리해보는 리액트 기초. 어떻게 리액트를 시작해야 하는지 리액트를 하기 위해 뭘 알아야 하는지 적어본다. 다른 리액트 관련 문서들도 많으니 여기서는 잊지 말아야 할것들 위주로, 그리고 실제 리액트 돌아가게 하기 위해서 처음에 시작하는 부분은 자세히 적어보려고 한다. 먼저 리액트를 위해서 VSCode를 깔아야 한다. https://code.visualstudio.com/download Download Visual Studio Code - Mac, Linux, Windows Visual Studio Code is free and available on .. 2021. 7. 19. 리액트 네이티브 react native 위치 API 가져오기 / 콘솔보기 / 디버깅 활성화 1 완전 native: swift, objective-c로 ios 앱 만들고 java, 코틀린으로 안드로이드 앱 만드는 것 2 앱 기반 웹 뷰 만드는 것 (심플한 앱. 앱 안에서 작동하는 웹 개념. 하이브리드 앱 뷰) 3 리엑트 네이티브: 자바스크리트 엔진을 가지고 있어서 안드로이드, ios 둘다 가능. 자바스크립트 이용해서 두 영역 네이티브 엔진에게 다 보내는 것. 브릿지. View, Text… 항상 브릿지가 필요하다는게 단점. 성능이 느려질 수 있음. 3D 비디오게임, 3D증강현실앱 같은건 리액트로 만들지 않는게 좋다는 것. - disconnected 되면 ctrl C 하고 다시 yarn start. 앱 새로고침 안되면 expo 껐다 켜기 - flex direction 기본값은 column. 위에서 .. 2021. 2. 12. 리액트 네이티브 계산기 앱 만들기 계산기 만들기 바디 짤 때 가로로도 줄맞춤 일부 가로줄에서는 세로로도 줄맞춤 해야되니까 View를 두번 감싸야되더라 this.clickNum('1')} style={styles.numTouch}> 1 this.clickNum('2')} style={styles.numTouch}> 2 this.clickNum('3')} style={styles.numTouch}> 3 this.clickNum('+')} style={styles.numTouch}> + const styles = StyleSheet.create({ body: { flex: 1, justifyContent: 'center', alignItems: 'stretch', }, inBody: { flexDirection: 'row', }, num: {.. 2021. 2. 9. 리액트 네이티브 개발환경 셋팅 / 안드로이드 연결 / 애뮬레이터 실행 리액트 네이티브 https://expo.io/snacks 여기서 tenacious chips (다운로드 가능) React Native 개발환경? Expo CLI와 React Native CLI 두가지가 있음. => React Native CLI를 사용할 것! Expo CLI가 가장 쉽게 시작할 수 있는 방법으로 React Native 기반으로 구축된 도구 모음을 많이 포함하고 있지만 필요없는 기능까지 설치되기 때문에 무거움 Expo CLI는 Node.js만 있으면 사용할 수 있지만 React Native CLI는 Xcode 또는 Android Studio가 필요함 출처: https://jy-tblog.tistory.com/13 https://velog.io/@kyo3553/React-Native-00-%.. 2021. 2. 5. 이전 1 다음 728x90 반응형 LIST
