reactnative (3) 썸네일형 리스트형 React-Native 앱 개발 : 로또 번호 생성하기(React.js로 중복 되지 않는 랜덤 수 뽑아내기) [로또 번호 생성] 일단 expo 앱을 설치해준다. 맥북으로 코딩하였는데 맥북에 react-native 설치하는건 다음 포스팅에.... npx create-expo-app AwesomeProject cd AwesomeProject npx expo start 에디터로 vscode를 실행해준다. 핵심 ! 1에서 45까지의 숫자 중 뽑아내는 6개의 랜덤 값이 중복이 안 되도록 하여 출력해줘야 한다. 이것 저것 찾아 봤는데 내가 개발한 중복 되지 않는 랜덤 값 생성 자바스크립트 코드가 초심자가 보기에 좋을 것 같다 function loadingLotto() { let lotto_num_list = []; let random_num = 0; for (let i = 0; i < 6; i++) { random_num.. Ubuntu에 React-Native-App/ Expo 환경 세팅 및 개발 방법 일단 여러분이 알아야 할 것이 iOS 개발은 기본적으로 Mac Os에서 가능하다고 보시면 됩니다. 근데 그것을 다른 Os 환경에서도 가능하게 해주는 것이 Expo 환경입니다. 1. Node.js 설치 sudo curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - sudo apt-get install -y nodejs node -v 근데 여러분이 개발자라면 node는 대부분 설치 되어 있을겁니다. 중요한 것은 node 버전을 관리해주는 프로그램입니다. 2. nvm 설치 curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash # Zsh 사용자 curl -o- h.. React Native로 크로스 플랫폼 웹뷰앱 만들기 https://www.youtube.com/watch?v=yjPl8Injlbw 쥰내 쉽네 ㅋㅋㅋ 웹뷰란 무엇인가? 웹뷰(WebView)란? 웹뷰(WebView)란 프레임워크에 내장된 웹 브라우저 컴포넌트로 뷰(View)의 형태로 앱에 임베딩하는 것을 말한다. 즉, 앱 안에 HTML iframe을 넣어놓은 것이다. 즉, WebView는 앱 내에 웹 브라우저를 넣는 것이다. 웹 페이지를 보기 위해서 혹은 앱 안에서 HTML을 호출하여 앱을 구현하는 하이브리드 형태의 애을 개발하는데에도 많이 사용된다. 하이브리드 앱 👍 장점 하이브리드 앱은 안드로이드 네이티브 앱 개발에 비해서 개발이 비교적 쉽다. 특히 기기간의 호환성을 해결하기가 상대적으로 편하다. 타 웹 사이트 링크로 가는 기능등을 지원하기 위해서 많이 .. 이전 1 다음
