[개발] Flutter
-
Flutter의 ElevatedButtonElevatedButton은 Flutter에서 자주 사용되는 버튼 위젯으로, 사용자 상호작용을 위해 기본적인 눌림 효과와 함께 사용됩니다. 이전에는 RaisedButton으로 알려졌으나 Flutter의 최신 버전에서 ElevatedButton으로 대체되었습니다. ElevatedButton의 주요 특징버튼 높이: 버튼이 기본적으로 '들려있는' 높이감을 제공하여, 눌렸을 때 입체적인 효과를 나타냅니다.색상과 스타일 지정 가능: 버튼의 배경색, 텍스트 스타일, 테두리 등을 쉽게 커스터마이징할 수 있습니다.비동기 작업과 사용 가능: 버튼을 누를 때 비동기 작업을 처리하도록 설정할 수 있습니다. ElevatedButton의 기본 사용법ElevatedButto..
[Flutter] ElevatedButton 란?Flutter의 ElevatedButtonElevatedButton은 Flutter에서 자주 사용되는 버튼 위젯으로, 사용자 상호작용을 위해 기본적인 눌림 효과와 함께 사용됩니다. 이전에는 RaisedButton으로 알려졌으나 Flutter의 최신 버전에서 ElevatedButton으로 대체되었습니다. ElevatedButton의 주요 특징버튼 높이: 버튼이 기본적으로 '들려있는' 높이감을 제공하여, 눌렸을 때 입체적인 효과를 나타냅니다.색상과 스타일 지정 가능: 버튼의 배경색, 텍스트 스타일, 테두리 등을 쉽게 커스터마이징할 수 있습니다.비동기 작업과 사용 가능: 버튼을 누를 때 비동기 작업을 처리하도록 설정할 수 있습니다. ElevatedButton의 기본 사용법ElevatedButto..
2024.10.06 -
Flutter의 NavigatorNavigator는 Flutter에서 페이지 간의 전환을 관리하는 위젯입니다. 앱 내에서 화면을 이동하거나 스택 방식으로 페이지를 추가 및 제거할 수 있습니다. Navigator는 화면을 트랙킹하는 역할을 하며, 각 페이지는 스택에 푸시(push)되고, 필요할 때 팝(pop)됩니다. Navigator의 주요 기능push: 새로운 페이지를 스택에 추가하여 화면 전환을 수행합니다.pop: 현재 페이지를 스택에서 제거하고 이전 페이지로 돌아갑니다.Named Routes: 경로 이름을 통해 특정 페이지로 이동할 수 있습니다. Navigator의 기본 사용법Navigator.push()와 Navigator.pop()를 사용하여 페이지를 전환하는 기본적인 예제..
[Flutter] Navigator 란?Flutter의 NavigatorNavigator는 Flutter에서 페이지 간의 전환을 관리하는 위젯입니다. 앱 내에서 화면을 이동하거나 스택 방식으로 페이지를 추가 및 제거할 수 있습니다. Navigator는 화면을 트랙킹하는 역할을 하며, 각 페이지는 스택에 푸시(push)되고, 필요할 때 팝(pop)됩니다. Navigator의 주요 기능push: 새로운 페이지를 스택에 추가하여 화면 전환을 수행합니다.pop: 현재 페이지를 스택에서 제거하고 이전 페이지로 돌아갑니다.Named Routes: 경로 이름을 통해 특정 페이지로 이동할 수 있습니다. Navigator의 기본 사용법Navigator.push()와 Navigator.pop()를 사용하여 페이지를 전환하는 기본적인 예제..
2024.10.04 -
Flutter의 InkWellInkWell은 Flutter에서 사용자의 터치 제스처(탭, 더블탭, 길게 누름 등)에 반응하는 위젯입니다. 사용자가 위젯을 터치했을 때 잉크가 퍼지는 듯한 시각적 효과(스플래시 효과)를 제공하여 버튼이나 상호작용이 가능한 요소처럼 만들 수 있습니다. InkWell의 주요 특징터치 제스처 감지: onTap, onDoubleTap, onLongPress와 같은 다양한 제스처를 감지할 수 있습니다.스플래시 효과: 사용자가 터치했을 때 잉크가 퍼지는 듯한 시각적 효과를 제공하여 상호작용 피드백을 줍니다.다양한 위젯에 적용 가능: InkWell은 이미지, 텍스트, 컨테이너 등 다양한 위젯을 감싸서 상호작용 가능한 형태로 만들 수 있습니다. InkWell의 기본 ..
[Flutter] InkWell 란?Flutter의 InkWellInkWell은 Flutter에서 사용자의 터치 제스처(탭, 더블탭, 길게 누름 등)에 반응하는 위젯입니다. 사용자가 위젯을 터치했을 때 잉크가 퍼지는 듯한 시각적 효과(스플래시 효과)를 제공하여 버튼이나 상호작용이 가능한 요소처럼 만들 수 있습니다. InkWell의 주요 특징터치 제스처 감지: onTap, onDoubleTap, onLongPress와 같은 다양한 제스처를 감지할 수 있습니다.스플래시 효과: 사용자가 터치했을 때 잉크가 퍼지는 듯한 시각적 효과를 제공하여 상호작용 피드백을 줍니다.다양한 위젯에 적용 가능: InkWell은 이미지, 텍스트, 컨테이너 등 다양한 위젯을 감싸서 상호작용 가능한 형태로 만들 수 있습니다. InkWell의 기본 ..
2024.10.03 -
Flutter의 itemBuilderFlutter에서 itemBuilder는 리스트나 그리드와 같은 위젯에서 반복적으로 아이템을 생성하기 위한 콜백 함수입니다. itemBuilder는 리스트나 그리드의 각 아이템을 동적으로 생성하는 데 사용되며, 주로 ListView.builder나 GridView.builder와 함께 사용됩니다. itemBuilder의 주요 특징동적 아이템 생성: itemBuilder는 각 아이템이 필요할 때마다 호출되어, 성능을 최적화합니다. 즉, 화면에 보이는 아이템만 생성하므로 많은 데이터를 처리할 때 유리합니다.인덱스를 전달: itemBuilder는 현재 생성되고 있는 아이템의 인덱스를 매개변수로 받습니다. 이를 통해 각 아이템의 고유한 콘텐츠를 설정할 수 있습니다...
[Flutter] itemBuilder 란?Flutter의 itemBuilderFlutter에서 itemBuilder는 리스트나 그리드와 같은 위젯에서 반복적으로 아이템을 생성하기 위한 콜백 함수입니다. itemBuilder는 리스트나 그리드의 각 아이템을 동적으로 생성하는 데 사용되며, 주로 ListView.builder나 GridView.builder와 함께 사용됩니다. itemBuilder의 주요 특징동적 아이템 생성: itemBuilder는 각 아이템이 필요할 때마다 호출되어, 성능을 최적화합니다. 즉, 화면에 보이는 아이템만 생성하므로 많은 데이터를 처리할 때 유리합니다.인덱스를 전달: itemBuilder는 현재 생성되고 있는 아이템의 인덱스를 매개변수로 받습니다. 이를 통해 각 아이템의 고유한 콘텐츠를 설정할 수 있습니다...
2024.10.02 -
Flutter의 ListViewListView는 Flutter에서 스크롤 가능한 리스트를 표시할 때 사용하는 위젯입니다. 여러 개의 아이템을 화면에 나열하고, 스크롤이 가능하도록 만들어주는 기본적인 레이아웃 도구로, 많은 데이터를 표시할 때 매우 유용합니다. ListView의 주요 특징스크롤 가능: ListView는 기본적으로 스크롤이 가능한 리스트를 제공합니다. 데이터가 화면에 다 보여지지 않을 경우, 사용자가 스크롤하여 나머지 아이템을 볼 수 있습니다.동적 생성: ListView.builder()를 사용하면 리스트의 아이템을 동적으로 생성할 수 있습니다. 많은 양의 데이터가 있을 때 유용합니다.정적 리스트: ListView()를 사용하면 고정된 아이템으로 구성된 리스트를 생성할 수 있습니다. ..
[Flutter] ListView 란?Flutter의 ListViewListView는 Flutter에서 스크롤 가능한 리스트를 표시할 때 사용하는 위젯입니다. 여러 개의 아이템을 화면에 나열하고, 스크롤이 가능하도록 만들어주는 기본적인 레이아웃 도구로, 많은 데이터를 표시할 때 매우 유용합니다. ListView의 주요 특징스크롤 가능: ListView는 기본적으로 스크롤이 가능한 리스트를 제공합니다. 데이터가 화면에 다 보여지지 않을 경우, 사용자가 스크롤하여 나머지 아이템을 볼 수 있습니다.동적 생성: ListView.builder()를 사용하면 리스트의 아이템을 동적으로 생성할 수 있습니다. 많은 양의 데이터가 있을 때 유용합니다.정적 리스트: ListView()를 사용하면 고정된 아이템으로 구성된 리스트를 생성할 수 있습니다. ..
2024.10.01 -
Flutter의 jsonDecodeFlutter에서 jsonDecode는 JSON 데이터를 파싱하여 Dart 객체로 변환하는 함수입니다. 주로 HTTP 요청이나 로컬 파일로부터 가져온 JSON 데이터를 사용자가 처리할 수 있는 형식으로 변환할 때 사용됩니다. jsonDecode의 역할jsonDecode 함수는 JSON 문자열을 파싱하여 Dart의 기본 자료형으로 변환합니다. Dart에서 제공하는 dart:convert 라이브러리에 포함되어 있으며, JSON 문자열을 Map이나 List와 같은 Dart 객체로 변환합니다.사용 예시아래는 JSON 데이터를 jsonDecode를 사용하여 파싱하는 예제입니다:import 'dart:convert';void main() { String jsonString..
[Flutter] jsonDecode 란?Flutter의 jsonDecodeFlutter에서 jsonDecode는 JSON 데이터를 파싱하여 Dart 객체로 변환하는 함수입니다. 주로 HTTP 요청이나 로컬 파일로부터 가져온 JSON 데이터를 사용자가 처리할 수 있는 형식으로 변환할 때 사용됩니다. jsonDecode의 역할jsonDecode 함수는 JSON 문자열을 파싱하여 Dart의 기본 자료형으로 변환합니다. Dart에서 제공하는 dart:convert 라이브러리에 포함되어 있으며, JSON 문자열을 Map이나 List와 같은 Dart 객체로 변환합니다.사용 예시아래는 JSON 데이터를 jsonDecode를 사용하여 파싱하는 예제입니다:import 'dart:convert';void main() { String jsonString..
2024.09.30