App (3) 썸네일형 리스트형 [앱] 앱 개발 하이브리드 앱(웹앱) 크로스플랫폼 앱 네이티브 앱 정의 웹 뷰를 감싸고 있는 웹사이트 UI는 웹기반 html, CSS, JS로 구현하고 JavaScript Engine 호출 하여 사용하는 방식 네이티브 코드가 아닌걸로 코딩한 후 나중에 ios/android가 이해할 수 있는 코드로 변환 android or ios 코드를 쓰는거 언어 html, css, js(javascript) 리액트 네이티브. 리액트로 코딩 -> JavaScript 코드로 컴파일 -> ios/android가 이를 각자의 자바스크립트 엔진으로 실행 flutter -> Dart 코드 쓰고 -> C, C++ 컴파일 됨 xamarin -> C# 작성 -> IL 컴파일 ios -> swift android -> java or kotlin 장점 .. [앱] React-Native Hello World 1. 개발환경 개발툴: VSC(Visual Studio Code) 패키지 매니저: npm(node.js, recact.js, react native 설치) DB: Maria DB DBMS: HeidSQL 2. 설치 2-1. npm 자바스크립트를 위한 패키지 매니저 > node.js를 설치하면 사용 가능 2-2. React-Native-Cli $ npm install -g react-native-cli 2-3. VSC(Visual Studio Code) IDE 개발툴 > VSC 설치 2-4. VSC(Visual Studio Code) react-native init (프로젝트명) File - Open Folder에서 생성 프로젝트 폴더 열기 메인 파일 App.js 2-5. Android Studio 에뮬레.. [앱] 하이브리드 vs 크로스플랫폼 항목 하이브리드 크로스플랫폼 정의 이종교배 웹기술로 앱 만드는것 플랫폼을 겹치다 둘 이상 플랫폼에서 돌아가는 앱 만드는것 차이 웹뷰(브라우저) 위에서 자바스크립트로 동작 네이티브 코드로 변환되어 동작 ▣ 리액트 웹 사이트 개발을 할 때 가장 많이 쓰이는 라이브러리 Angular.js 같은 프레임워크가 아니 라이브러리이기 때문에 필요에 따라 붙이고 땔 수 있습니다. 이 말은 웹을 만드는데 꼭 필요한 도구를 제공해주지 않는다는 것입니다. 그 대신 React의 규칙(컴포넌트, JSX)을 제공해 줍니다. 이 규칙들을 통해 개발자는 React 이전의 대세인 Jquery보다 더 효율적이고 가볍게 웹을 제작할 수 있게 되었습니다. ▣ 리액트 네이티브 React의 규칙을 이용 -> 모바일 어플리케이션 개발 페이스북 오.. 이전 1 다음
