framework6 다트(Dart) 기본문법(1) 주석 주석은 코드에 달아 두는 설명을으로 실행에 영향을 주지 않는다. 아래 예시와 같다. // 이것은 주석 : 한 줄 주석 /** * 이것도 주석 : 여러 줄 주석 **/ /// 이것도 주석 : 문서 주석 문장(statement) 문장은 명령 단위 이다. 문장의 끝은 세미 콜론(;)로 표시 한다. void main(){ print("Hello, World");//문장의 끝 } 변수(variable) 변수는 데이터를 담는 상자이다. 변수 종류를 타입 또는 자료형이라고 한다. 다트는 다음과 같은 기본 타입을 가진다. int : 정수 double : 실수(소수점) string : 문자열 bool : 불리언(참과 거짓을 가진다) 변수명 앞에 타입을 선언하고, 변수명 뒤에 = 로 값을 할당한다. String na.. 2022. 6. 20. Flutter 앱 만들기 오늘은 플러터를 사용하여 기본적인 앱을 만들고 실행해 보도록 합니다. 기본적인 IDE로는 Visual Studio Code 나 Android Studio를 사용합니다. 가능하면 IDE를 사용하는 것이 편리하지만, 개발을 하는 입장에서는 기본적인 CLI(Command Line Interface) 명령어를 알아야 합니다. 그래야만 문제가 발생하는 경우 대처할 수 있습니다. 모든 IDE의 기본은 CLI이기 때문입니다. 먼저 터미널에서의 CLI를 설명하고, IDE 메뉴를 제공하는 방식으로 포스트를 하려 합니다. 앱 생성 터미널에서는 flutter create myapp cd myapp VSCode View메뉴의 Command Pallete...를 선택합니다. “flutter”를 입력한 후, Flutter: Ne.. 2022. 5. 16. React Native(2) 리액트네이티브 는 리액트라는 자바스크립트를 사용한 유명한 오픈 소스 라이브러리를 기반으로 동작합니다. 그러므로 리액트네이티브를 보다 잘 이해하기 위해서는 리액트 자체를 이해할 필요가 있습니다. 여기서는 소개하는 정도로 리액트에 대해서 얘기 해 볼까 합니다. 리액트를 이해하기 위해서는 (오역을 피하기 위해 영어를 사용합니다.) components JSX props state 이상 네 가지에 대한 이해가 필요합니다. Components import React, { Component } from 'react'; import { Text } from 'react-native'; class Bird extends Component { render() { return ( Hello, I am your bird! ).. 2022. 5. 12. React Native(1) 리액트 네이티브는 리액트와 플랫폼 본연의 기능을 이용하여 안드로이와 ios 어플리케이션을 만들수 있는 오픈 소스 프레임워크라고 할 수 있습니다. 리액트 네이티브에서는 리액트 컴포넌트(재 사용가능하고, nestable한) 를 이용하여 UI의 동작이나 모양을 조절 할 뿐 아니라 자바스크립트를 사용하여 플랫폼 api에도 접근 할 수 있습니다. 그럼, 리액트 네이티브에서 컴포넌트가 어떤 식으로 동작 하는지 알아 보도록 합니다. 뷰와 모바일 개발 안드로이드와 iOS개발에 있어서 뷰는 UI의 기본적인 블록입니다. 뷰는 텍스트, 이미지, 또는 사용자의 입력을 받을 수 있는 작은 스크린 구성요소 입니다. 화면에 나타나는 아주 작은 구성요소 조차도 예를 들면 한 줄의 텍스트나 버튼 조차도 뷰의 한 종류입니다. 어떤 뷰는.. 2022. 5. 12. Flutter SDK(2) #플러터 는 #Dart 라는 프로그램 언어로 만들어져 있습니다. 물론 #Dart 에 대해서는 좀 더 많은 공부가 필요하겠죠. 일단, 그런 부분은 다음으로 넘기기로 하고 #플러터 의 특징에 대해서 먼저 알아 보도록 하죠. #플러터 의 핵심은 #위젯 이라고 할 수 있습니다. #플러터 에서는 거의 모든 것이 #위젯 이고 #레이아웃 모델 역시 #위젯이라고 할 수 있습니다. #플러터 에서 볼 수 있는 아이콘, 텍스트, 이미지 역시 모두 #위젯 입니다. 그리고, 로우(행) 나 컬럼(열) 그리드(grid)같은 것도 모두 #위젯 입니다. #플러터 의 #위젯은 #리액트 로 부터 영감을 얻어 만들어진 현대적인 #프레임워크 라 할 수 있습니다. 기본적인 아이디어는 #위젯 으로 부터 #UI 를 만들어 내는 것 입니다. #위젯.. 2022. 5. 7. Flutter SDK(1) #플러터 sdk 가져오기 #맥 에서의 다운로드 및 설치를 안내 합니다. 다음 링크에서 인스톨 번들을 가져옵니다. SDK release 파일을 다운 받은 후 적당한 위치에 압축을 풉니다. 예를 들어 위치가 ~/development 인 경우 cd ~/development unzip ~/Downloads/flutter_macos_x.x.x-stable.zip 맥의 path에 #플러터 툴의 경로를 지정합니다. $ export PATH="$PATH:`pwd`/flutter/bin" 참고로 경로 지정 방법에 대해서 간단히 설명해 봅니다. 각자가 사용하는 #셸 에 따라서 편집해야 하는 기본 환경 설정 #셸 스크립트가 다를 수 있습니다. echo $SHELL 위의 명령을 통해서 각자의 #셸 타입을 알수 있고, bash.. 2022. 5. 1. 이전 1 다음
