728x90 안드로이드7 [React Native] 안드로이드 앱 프로젝트 생성 안드로이드 스튜디오 초기 화면에서 를 누릅니다. 다음 화면이 나오면 를 선택하고 를 누릅니다. 이어서 Save location에는 안드로이드 프로젝트를 저장할 디렉터리를 설정하고 Language 항목은 Java로 선택한 후 Finish를 눌러 프로젝트를 생성합니다. 그러면 다음 처럼 안드로이드 스튜디오 프로젝트 화면이 나타납니다. 그래들 빌드가 끝나면 Run 메뉴 가장 위의 Run 'app'을 실행합니다. 그러면 안드로이드 에뮬레이터에는 다음의 왼쪽과 같이 빌드한 앱을 실행한 모습이 나타납니다. 2021. 9. 27. [React Native] 리액트 네이티브 React.createElement API 리액트와 리액트 네이티브에서 React.createElement API는 가장 저수준 기능으로서 가상 DOM 객체를 생성한다. HTML로 웹 브라우저에 'Hello World' 등의 텍스트를 출력하려면 아래와 같이 작성한다. Hello world 그러면 웹 브라우저가 렌더링하여 화면에 웹 페이지를 표시한다. 자바스크립트로 앞의 HTML 텍스트과 동일한 효과를 구현하면 다음과 같은 코드로 물리 DOM 객체를 생성한다. const pElement = document.createElement('p') pElement.innerText = 'Hello JavaScript world' 그리고 이 물리 DOM 객체는 다음 코드가 있어야만 렌더링되어 화면에 나타난다. document.body.appendChild(p.. 2021. 9. 17. [ReactNative] 리액트 네이티브 로컬 개발 환경 설정 2가지 방법(create-react-native-app, 기본적인 방법)과 실행 리액트 네이티브 개발 환경 설정 방법은 크게 두가지로 나눌 수 있습니다. 첫번 째는 Create React Native App이라는 도구를 사용하는 방법이고 두번 째는 React-Native init 명령어를 이용하여 프로젝트를 생성하는 아주 전형적인 개발 환경 설정입니다. 교육적인 목적이나 프로토타이핑을 생각하는 초심자는 Create React Native App를 추천! 리액트 네이티브 앱을 전문적으로 사용하거나 자바스크립트와 자바, 오브젝티브-C 혹은 스위프트(Swift)코드와 같은 네이티브 코드를 함께 사용하는 하리브리드 앱을 작성하게 된다면 결국 init 명령어를 이용하여 프로젝트를 생성하는 전형적인 개발 설정을 사용하게 될 것 입니다. Create React Native App Create R.. 2021. 9. 2. [React Native] 리액트 네이티브 안드로이드 스튜디오 설치 및 설정 #3 안드로이드 스튜디오 설치하는 방법 두 가지를 설명해 드리겠습니다! 첫 번째 방법은 홈페이지에서 다운을 받아 설치하는 방법입니다. 아래 링크 게시물에서 확인해주세요! https://ssollacc.tistory.com/entry/Android-setup [Android] 안드로이드 스튜디오 설치 방법 Windows10에 안드로이드 스튜디오 설치 방법을 상세하게 알려드리겠습니다! - Android Studio Download address - https://developer.android.com/studio?hl=ko&gclid=Cj0KCQjw6s2IBhCnARIsAP8RfAiBHex90_uh8rLJf.. ssollacc.tistory.com 두 번째 방법은 윈도우 파워 셸(Windows PowerShell.. 2021. 8. 11. [Android] windows에서 안드로이드 스튜디오 설치 방법 Windows10에 안드로이드 스튜디오 설치 방법을 상세하게 알려드리겠습니다! - Android Studio Download address - https://developer.android.com/studio?hl=ko&gclid=Cj0KCQjw6s2IBhCnARIsAP8RfAiBHex90_uh8rLJfPAp1vygPRTLLXaQ2XqM0K6zBdYBpUPEupJWxQ0aAkMnEALw_wcB&gclsrc=aw.ds 2021. 8. 11. [React Native] 리액트 네이티브 윈도우 개발환경 갖추기 #2 윈도우에서 개발환경을 갖추기 위해 Scoop와 Node.js, Java8 JDK, VSCode를 설치해 보겠습니다! Scoop 설치 Scoop 프로그램 설치는 관리자 모드로 실행한 윈도우 파워 셸에서 진행합니다. 파워 셸에서 Scoop을 설치하려면 다음 명령을 실행합니다. >>> Set-ExecutionPolicy RemoteSigned -scope CurrentUser 명령을 실행한 후 '모두 예'를 의미하는 A를 입력합니다. 그 후 'SCOOP'이라는 이름의 파워 셸 환경 변수를 다음처럼 설정합니다. >>> $env:SCOOP='C:\Scoop' 그러면 앞으로 Scoop으로 설치한 모든 프로그램은 C:\Scoop 디렉터리에 위치합니다. 하지만 이 환경변수 설정은 파워셸에서 Scoop으로 프로그램을 설.. 2021. 8. 11. [React Native] 리액트 네이티브 앱 프로그래밍 시작하기 #1 안녕하세요! 앱 개발을 시작하기 전에 #리액트네이티브 프레임워크를 소개해보도록 하겠습니다~ #리액트 프레임워크는 2013년에 페이스북에서 발표한 오픈소스 자바스크립트 프레임워크입니다. 리액트는 가상 DOM(virtual DOM)과 JSM(javascript XML)라는 새로운 방식으로 동작하는 프레임 워크로 많은 사람들이 프런트엔드 웹을 개발할 때 사용하고 있습니다. #네이티브(native)라는 단어는 '운영체제를 만들 때 사용한 프로그래밍 언어와 똑같은 언어로 만든’이란 의미입니다. 그리고 네이티브 앱은 모바일 운영체제 (안드로이드 - 자바, iOS - 오브젝티브-C)로 만든 앱을 네이티브 앱이라고 합니다. 네이티브 앱은 실행 속도가 빠른 장점이 있지만 습득해야 할 지식이 많고, 똑같은 기능을 안드로이.. 2021. 8. 11. 이전 1 다음 728x90
