본문 바로가기

코딩60

SASS/SCSS 입문: CSS 프리프로세서 사용하기 웹 개발에서 CSS는 스타일링의 핵심 요소이지만, 대규모 프로젝트에서 CSS만으로는 유지보수와 확장성에 한계가 있을 수 있습니다. SASS (Syntactically Awesome Style Sheets)는 CSS의 모든 기능을 지원하면서 추가적인 기능을 제공하는 CSS의 확장 버전으로, 스타일 시트를 더욱 동적이고 효율적으로 작성할 수 있도록 돕습니다.웹 개발에서 CSS는 스타일링의 핵심 요소이지만, 대규모 프로젝트에서 CSS만으로는 유지보수와 확장성에 한계가 있을 수 있습니다. SASS (Syntactically Awesome Style Sheets)는 CSS의 모든 기능을 지원하면서 추가적인 기능을 제공하는 CSS의 확장 버전으로, 스타일 시트를 더욱 동적이고 효율적으로 작성할 수 있도록 돕습니다... 코딩/HTML CSS JS 2024. 5. 31.
앱 내 네비게이션 - 화면 간 전환 및 라우터 사용법 이번 강의에서는 Flutter 애플리케이션에서 화면 간 전환과 네비게이션을 처리하는 방법을 배워보겠습니다. Flutter에서 네비게이션은 중요한 개념으로, 사용자가 다양한 화면을 탐색할 수 있도록 도와줍니다. 이 강의에서는 기본적인 화면 전환, Named Routes, 그리고 Navigator를 사용하는 방법을 알아보겠습니다.Navigator와 RoutesFlutter에서는 Navigator 위젯을 사용하여 화면 간 전환을 처리합니다. Navigator는 화면 스택(stack)을 관리하고, 새로운 화면을 추가하거나 제거하는 기능을 제공합니다.기본 화면 전환Navigator의 push와 pop 메서드를 사용하여 새로운 화면으로 이동하거나 현재 화면에서 돌아올 수 있습니다.첫 번째 화면import 'pack.. 코딩/Flutter 2024. 5. 30.
인터랙티브 위젯 - 버튼과 탭 이벤트 처리 이번 강의에서는 Flutter에서 사용자 인터랙션을 처리하는 방법을 배우겠습니다. 버튼과 탭 이벤트를 활용하여 인터랙티브한 애플리케이션을 만드는 방법을 익혀보겠습니다.버튼 위젯버튼은 Flutter에서 가장 기본적인 인터랙티브 위젯 중 하나입니다. Flutter에서는 다양한 종류의 버튼을 제공합니다.ElevatedButtonElevatedButton은 기본적인 버튼으로, 누르면 약간 떠오르는 효과를 줍니다.import 'package:flutter/material.dart';void main() { runApp(ElevatedButtonExample());}class ElevatedButtonExample extends StatelessWidget { @override Widget build(Buil.. 코딩/Flutter 2024. 5. 28.
레이아웃 위젯: Row, Column, Stack 사용해보기 이 강의에서는 Flutter의 주요 레이아웃 위젯인 Row, Column, Stack을 사용하여 화면 레이아웃을 구성하는 방법을 배워보겠습니다. 각 위젯의 사용법과 특징을 이해하고, 이를 활용하여 복잡한 레이아웃을 구현해보겠습니다.Row 위젯Row 위젯은 자식 위젯들을 수평으로 배치하는 데 사용됩니다. 각 자식 위젯은 Row의 가로축을 따라 배열됩니다.Row 사용법import 'package:flutter/material.dart';void main() { runApp(RowExampleApp());}class RowExampleApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialA.. 코딩/Flutter 2024. 5. 26.
위젯 기초: Flutter의 위젯 시스템 이해하기 Flutter에서 위젯은 애플리케이션의 모든 것을 구성하는 기본 단위입니다. 화면에 표시되는 모든 요소는 위젯으로 구성되며, 이러한 위젯을 조합하여 복잡한 UI를 만들 수 있습니다. 이 강의에서는 Flutter의 위젯 시스템에 대해 이해하고, 기본 위젯들을 사용하여 간단한 UI를 구성하는 방법을 학습합니다.위젯의 종류Flutter 위젯은 크게 두 가지로 나눌 수 있습니다:StatelessWidget: 상태가 없는 위젯으로, 생성 후 변경되지 않습니다.StatefulWidget: 상태를 가질 수 있는 위젯으로, 상태가 변경될 때마다 다시 그려집니다.StatelessWidgetStatelessWidget은 변하지 않는 UI 요소를 정의할 때 사용합니다. 다음은 간단한 StatelessWidget의 예입니다:.. 코딩/Flutter 2024. 5. 24.

티스토리툴바