본문 바로가기

프로그래밍124

[Flutter] 2. 플러터 개발 환경 설정 Flutter의 개발 환경 설정을 한 후 hello world프로젝트를 작성해 보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 개발 환경 선택 Flutter SDK 다운로드 및 설치 Visual Studio Code 설치 및 플러터 확장 프로그램 설정 안드로이드 스튜디오 인스톨 및 설정 플러터 프로젝트 만들기 플러터 앱 안드로이드 에뮬레이터로 실행하기 개발 환경 선택 플러터 앱을 개발할 때 Windows, Linux 또는 Chrome OS 데스크톱이나 Mac을 사용할 수 있습니다. 하지면 여기에도 몇 가지 제약이 있습니다. iOS용 앱을 테스트하고 배포하려면 Mac이 필요합니다. 데스크톱용 개발시 에는 대상 앱과 동일한 플랫폼에서 해야 합니다. 즉 MacOS용으로 개발하려면 Mac이 필요하고, .. 2022. 2. 14.
[Flutter] 1. Flutter 란? 왜 사용해야 하나 하나의 코드를 베이스로 안드로이드와 아이폰 앱을 만들수 있다? 예전부터 이어온 개발자들의 오랜 꿈입니다. 저도 속는 셈치고 Flutter를 시작해 보려합니다. 첫 포스팅으로 플러터에 대해 알아보고, 플러터를 선택해야 하는 이유를 알아보도록 하겠습니다. Flutter란 Flutter란 모바일, 웹, 데스크톱 및 임베디드 장치에서 단일 코드 베이스로 네이티브로 컴파일되는 응용 프로그램을 구축하기 위한 구글의 UI 툴킷입니다. 왜 플러터를 사용해야 하나? 1. 코드의재사용 Android, iOS, 웹용 빌드 또는 Windows, macOS 및 Linux와 같은 데스크톱 운영 체제용으로 빌드할 경우에도 동일한 코드를 재사용할 수 있습니다. 2. 빠른 개발 또 다른 큰 장점은 빠르게 발전할 수 있다는 것입니다. .. 2022. 2. 13.
앵귤러 기초(Angular basic) 34. ng serve, ng generate 지난 포스트에 이어 angular CLI가 이어집니다. 이번 포스트에서는 ng serve에서 출력되는 번들에 대해 알아보고, 이를 브라우저에서 확인해 보겠습니다. 그리고 ng generate란 무엇이고, ng generate의 명령어 종류에 대해 알아보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. ng serve의 역할 ng serve후 번들 되는 파일 ng generate의 역할 ng generate명령어들 ng serve의 역할 ng serve 명령은 애플리케이션을 컴파일하여 템플릿과 TypeScript코드를 JavaScript로 바꿉니다. 그리고 포트 4200에서 수신하는 로컬 웹 서버를 시작합니다. ng serve로 웹서버를 시작하게 되면 메모리에서 애플리케이션을 제공해 주고 파일을 변경.. 2022. 2. 13.
앵귤러 기초(Angular basic) 33. Angular CLI, ng new 생성 파일 AngularCLI에 대해 알아보고, CLI명령인 ng new로 프로젝트를 만들 때 생성되는 파일에 대해 알아보겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. Angular CLI란 Angular CLI 기본 문법 ng new사용법과 ng new로 생성된 파일들 알아보기 Angular CLI란 Angular CLI는 Angular에 대한 명령줄 인터페이스입니다. Angular CLI의 주된 목적은 Angular 애플리케이션 구축, Angular 파일 생성, 결과 애플리케이션 구축 및 서비스, 테스트 실행, 배포 준비 등을 지원하는 것입니다. 앵귤러 CLI 기본문법 앵귤러 CLI의 기본 문법은 아래와 같습니다. ng -- 예를 새로운 프로젝트를 작성할때는 아래와 같이 이용 합니다. ng new he.. 2022. 2. 12.

티스토리툴바