본문 바로가기

분류 전체보기137

[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.
앵귤러 기초(Angular basic) 32. 공유 모듈(shared module) 공유 모듈을 만들고 모듈에서 이용해 보도록 하겠습니다. 이번 포스트는 아래 내용을 다루고 있습니다. 공유 모듈의 목적 공유 모듈 정의하기 공유 모듈 작성하기 공유 모듈의 목적 공유 모듈의 목적은 일반적으로 사용되는 기능 조각을 하나의 모듈로 정리하여 공유 모듈을 사용하는(import하는) 모든 모듈에서 사용할 수 있도록 내보내는 것(export) 입니다. 이를 통해 재사용 가능한 컴포넌트와 외부 모듈을 선택적으로 취합하여 통합 편의 모듈로 다시 export할 수 있습니다. 공유 모듈을 만들려면 모듈 파일인 SharedModule을 정의하고 공유된 조각이 이 모듈에 오도록 응용 프로그램의 조각을 재구성해야 합니다. 공유 모듈(Shared Module) 정의 공유 모듈을 사용하기 전의 기능 모듈인 Movie.. 2022. 2. 11.