https://visjs.org/ vis.jsvis.js community edition A dynamic, browser based visualization library. The library is designed to be easy to use, to handle large amounts of dynamic data, and to enable manipulation of and interaction with the data. The library consists of the componentsvisjs.org 공식홈페이지에서 git 버튼을 누릅니다. https://github.com/visjs/vis-network GitHub - visjs/vis-network: :dizzy: Display dyn..
이전글에서는 플러터를 설치하고 플러터의 개념에 대해 썼습니다. https://marshmello.tistory.com/81 Flutter 설치 및 환경 설정 1. Flutter란? 플러터(Flutter)는 2017년 구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크로, 다트라는 언어를 사용하여 개발합니다. Flutter는 iOS, Android, 웹 앱을 단일 코드 베이스로 개발할 수 있는 marshmello.tistory.com 이번에는 새 플러터 프로젝트를 생성해보겠습니다. 안드로이드 스튜디오를 실행합니다. New Flutter Project 버튼 클릭 Flutter 선택 -> 이전 환경설정해둔 flutter sdk 정보를 선택 -> Next 버튼 클릭 프로젝트에 대한 정보 입력 후 Finish > ..
1. Flutter란? 플러터(Flutter)는 2017년 구글에서 개발한 크로스 플랫폼 앱 개발 프레임워크로, 다트라는 언어를 사용하여 개발합니다. Flutter는 iOS, Android, 웹 앱을 단일 코드 베이스로 개발할 수 있는 모바일 앱 SDK입니다. 플러터는 크게 프레임워크와 엔진, 임베더 계층으로 구성되어있습니다. ① 프레임워크 계층 : 다트 언어로 개발된 여러가지 클래스가 있으며 이 클래스를 이용해 앱을 개발함 ② 엔진 계층 : 플러터의 코어를 담당함. 대부분 C와 C++ 언어로 만듦 (렌더링, 다트 컴파일, 데이터 통신, 시스템 이벤트 등을 처리) ③ 임베더 계층 : 플러터 엔진이 렌더링한 결과를 플랫폼별 네이티브 언어로 뷰를 만들어 화면에 보여줌 2. 왜 Flutter를 사용하는가? ①..
안드로이드 AVD에서 실행하지 않고 실제 기기에서 테스트하기 위해 다음과 같은 순서대로 진행해주세요 1 . 휴대폰 기기를 개발자 옵션 -> 디버깅모드 활성화한 후 컴퓨터와 연결해줍니다. 2. 안드로이드가 설치되어있는 ANDROID_HOME\platform-tools 으로 탐색기를 열어줍니다. 위 경로를 복사합니다. 3. 명령 프롬프트 창을 관리자권한으로 실행합니다. cd D:\Android\Sdk\platform-tools 만약 D드라이브에 ANDROID_HOME경로가 있는경우 D드라이브로 이동이 안될 수 있습니다. 그럼 다음과 같이 명령어를 입력하여 ANDROID_HOME\platform-tools 로 이동시켜줍니다. D: 4. 연결된 디바이스를 확인합니다. adb devices 기기가 잘 연결되면 C..
https://github.com/mauron85/react-native-background-geolocation GitHub - mauron85/react-native-background-geolocation: Background and foreground geolocation plugin for React Native. Tracks use Background and foreground geolocation plugin for React Native. Tracks user when app is running in background. - GitHub - mauron85/react-native-background-geolocation: Background and foreground geol... gith..
저번글에서는 JSX의 정의, 변수선언 방법, Component, Props,Status 에 대한 기본적인 사용방법에 대해 알아봤습니다. https://marshmello.tistory.com/70 React Native UI 구성 및 문법 1 저번글에서는 개발환경을 구축하고, 리액트 네이티브 프로젝트를 생성하였습니다. https://marshmello.tistory.com/69?category=1213283 React Native 설치 및 프로젝트 생성하기 저번글에서는 리액트 네이티브가 marshmello.tistory.com 이번글에서는 리액트 네이티브의 이벤트, 스타일링에 대해 작성해보겠습니다. 1. 이벤트 리액트 네이티브는 사용자의 행동에 따라 상호 작용하는 이벤트를 다양하게 제공합니다. 정말 많은..
저번글에서는 개발환경을 구축하고, 리액트 네이티브 프로젝트를 생성하였습니다. https://marshmello.tistory.com/69?category=1213283 React Native 설치 및 프로젝트 생성하기 저번글에서는 리액트 네이티브가 무엇인지 작성하였습니다. https://marshmello.tistory.com/68?category=1213283 이번글에서는 리액트 네이티브로 프로젝트를 생성해 보도록 하겠습니다. 1. 자바 설치 및 환 marshmello.tistory.com 이번글에서는 리액트 네이티브 프로젝트를 생성한 후 코드를 작성해보겠습니다. 1. JSX란 JSX는 Javascript xml의 약자입니다. JSX는 페이스북이 만든 자바스크립트 확장한 문법인데, UI 코드를 태그의 ..
저번글에서는 리액트 네이티브가 무엇인지 작성하였습니다. https://marshmello.tistory.com/68?category=1213283 이번글에서는 리액트 네이티브로 프로젝트를 생성해 보도록 하겠습니다. 1. 자바 설치 및 환경설정 https://www.oracle.com/java/technologies/javase-downloads.html 사이트로 가서 자바를 설치합니다. JDK Download 클릭 -> jdk-xxx.-x64-bin.exe 클릭합니다. (windows10 기준) 팝업이 뜨면 체크박스 클릭 허용 후 Next 버튼을 계속 클릭하여 설치를 완료합니다. 환경변수 설정을 위해 설치된 자바 경로로 이동합니다. (C:\Program Files\Java\jdk-16.0.1) * 시스템..
1. 리액트네이티브란? 리액트 네이티브(React Native)는 페이스북이 개발한 오픈 소스 모바일 애플리케이션 프레임워크입니다. 안드로이드, IOS, 웹 , UWP 용 애플리케이션을 개발하기 위해 사용되며, 개발자들이 네이티브 플랫폼 기능과 더불어 리액트를 사용할 수 있게 합니다. 리액트와 달리 웹브라우저가 아니라 네이티브 모바일 애플리케이션을 만드는 자바스크립트 프레임워크입니다. 리액트 네이티브로 만든 다양한 어플리케이션은 https://reactnative.dev/showcase 사이트에서 확인할 수 있습니다. 대표적으로 페이스북, 인스타그램, 스카이프, 우버이츠, 바이두 등이 있습니다. 2. 리액트 네이티브 장점 리액트 네이티브의 강점은 IOS,안드로이드를 동시에 개발 할 수 있다는 점입니다. ..
저번글에서는 vue.js와 Express로 프론트엔드와 백엔드 간의 통신 방법을 다뤄보았습니다. marshmello.tistory.com/64 [PWA] Vue.js + Express + MySQL 연동 1 1. 프로젝트 생성 비쥬얼스튜디오 코드 실행 새 터미널 창을 열어 폴더를 생성합니다. 여기서는 프로젝트 폴더명을 movie 폴더로 하겠습니다. mkdir 프로젝트폴더명 생성한 폴더로 경로 이동을 하 marshmello.tistory.com 이번 글에서는 Express에 MySQL 연동하여 회원가입과 로그인을 하는 프로젝트를 만들어 보겠습니다. 우선 mysql을 설치합니다. 설치 방법은 아래의 링크로 가면 자세히 설명되어있습니다. marshmello.tistory.com/5?category=971973..
- Total
- Today
- Yesterday