320x100
반응형
320x100
반응형
Future 란? 비동기 계산의 결과를 나타내는 클래스 값을 반환할 때 즉시 결과를 계산하는 동기 계산과 달리 비동기 계산은 즉시 결과를 제공할 수 없음 비동기 계산은 시간이 걸리는 프로그램 외부의 작업을 기다려야 할 수 있음 파일 읽기, 데이터베이스 쿼리, 웹 페이지 가져오기 등 비동기 계산 결과를 사용할 수 있을 때 결과로 Future 타입의 '완료' 값을 반환 Future를 이해하기 위한 비동기 프로그래밍의 개념 C# 언어로 작성된 비동기 프로그래밍 코드와 개념, 절차를 설명한 포스팅이 있습니다. 비동기 프로그래밍의 개념은 어느 언어에서와 비슷하므로 이해가 어렵다면, 아래의 포스팅을 한 번 봐보시는 것을 추천드립니다. C# - 비동기 프로그래밍(async, await) - 개념, 사용 방법, 비동기..
Overview Bottom Navigation Bar 위젯을 이용하여 화면 전환을 하는 앱을 만들어봅니다. 이 포스팅에서는 바텀 내비게이션 바의 사용법만을 설명하는 포스팅입니다. 다른 설명이 필요하면 아래의 링크를 참고해주세요. 01. Flutter - ListView, Card, Navigator - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 02. Flutter - StatefulWidget 활용 - 실시간 검색 기능 구현하기 포스팅에서 다루는 예시 프로젝트는 아래의 깃허브 링크에서 다운로드 받을 수 있습니다. '4_add_bottom_navigation_bar_example' 폴더를 확인해주세요. https://github.com/luvris2/flutter_memo_app ..
Overview 이번 포스팅에서는 플로팅 액션 버튼을 이용하여 다이얼로그를 출력하고, 다이얼로그에서 내용을 입력하여 리스트뷰에 항목을 추가합니다. 이 포스팅은... 이전에 ListView 위젯을 이용하여 목록 표시를 구현하고, StatefulWidget 위젯을 이용하여 실시간 검색 기능을 구현한 프로젝트를 기반으로 진행합니다. ListView와 StatefulWidget에 대한 포스팅을 확인하시고 싶은 분은 아래의 링크를 확인해주세요. Flutter - ListView, Card - 스크롤 가능한 목록 표시, 목록 선택시 특정 목록 내용 보여주기 Flutter - StatefulWidget 활용 - 실시간 검색 기능 구현하기 포스팅에서 사용된 예시 프로젝트 파일 다운로드 예시를 위한 프로젝트 파일은 깃허..
해당 포스팅의 전체 소스 코드가 포함된 프로젝트 파일은 깃허브에서 다운로드 가능합니다. https://github.com/luvris2/flutter-example/tree/main/flutter_widget_test Scaffold 위젯 MaterialApp의 디자인 레이아웃을 제공하는 위젯 일반적으로 사용되는 많은 UI 구성 요소를 포함하는 컨테이너 앱 바, 플로팅 작업 버튼, 하단 내비게이션 바 등 즉, 개발자가 UI 구성 요소를 추가 또는 제거하고 모양을 변경하거나 기능을 추가하는 작업을 할 수 있음 하위 위젯 appBar 화면 상단에 앱 바를 표시하는 하위 위젯 일반적으로 제목과 선택적으로 일부 작업 또는 탐색 버튼을 포함 (글쓰기 버튼 등) body appBar 아래에 나타나는 화면의 메인 콘..
cors 패키지 설치하기 터미널에서 아래의 명령어 입력 npm install cors # npm i cors 설치 확인 cors 개념 교차 출처 리소스 공유(Cross-origin resource sharing) 웹 페이지 상의 제한된 리소스를 다른 도메인으로부터 요청할 수 있게 허용하는 것 추가 HTTP 헤더를 사용하여 다른 출처에서 접근 권한을 부여해주는 것 웹 애플리케이션은 리소스가 자신의 출처(도메인, 프로토콜, 포트)와 다를 때 교차 출처 HTTP 요청 실행 보안 상의 이유로, 브라우저는 스크립트에서 시작한 교차 출처 HTTP 요청을 제한함 사용 방법 var express = require('express') var cors = require('cors') var app = express() a..
Node.js 란? 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼 V8으로 빌드된 이벤트 기반 자바스크립트 런타임 V8 : 웹 브라우저를 만드는 데 기반을 제공하는 자바스크립트 엔진 웹 브라우저에서만 수행되었던 클라이언트 측뿐만 아니라 서버 측에서도 자바스크립트를 사용할 수 있음 즉, 개발자가 자바스크립트를 사용하여 클라이언트와 서버 간에 코드를 공유할 수 있는 전체 스택 애플리케이션을 만들 수 있다는 의미 npm(노드 패키지 관리자)를 통해 사용할 수 있는 풍부한 패키지 및 모듈 에코 시스템을 갖추고 있음 즉, 개발하는 애플리케이션에 손쉽게 기능 추가 가능하다는 의미 간단히 말해서 웹이 아닌 외부에서도 자바스크립트를 사용할 수 있게 하는 것 설치 Node.js ..