atomicdev 님의 블로그

6강: Bootstrap으로 UI 기본 구성하기내용 요약Bootstrap 개요 및 사용 이유:Bootstrap은 가장 널리 사용되는 프론트엔드 프레임워크 중 하나로, 반응형 웹 디자인을 쉽게 구현할 수 있는 다양한 CSS 및 JavaScript 컴포넌트를 제공합니다.기본적으로 미리 스타일링된 컴포넌트들이 포함되어 있어, 빠르고 일관된 사용자 인터페이스(UI)를 구축하는 데 매우 유용합니다.Bootstrap을 사용하면 웹 애플리케이션의 UI를 보다 쉽게 구성하고, 다양한 기기에서 일관된 디자인을 유지할 수 있습니다.Flutter와 Bootstrap의 조합:Flutter는 주로 모바일 및 데스크탑 애플리케이션을 대상으로 하지만, 웹 플랫폼도 지원합니다. 웹 애플리케이션에서 Bootstrap을 사용하면 기존의..

5강: Dart 언어 기초 2 - 제어문과 함수내용 요약Dart의 제어문:if/else 문: 조건이 참일 때 특정 블록을 실행하고, 거짓일 때 다른 블록을 실행합니다.switch 문: 하나의 표현식을 평가하고, 그 결과에 따라 여러 케이스 중 하나를 선택하여 실행합니다.for 문: 주어진 조건이 참인 동안 코드를 반복 실행합니다. Dart에서는 전통적인 for 루프와 for-in 루프를 모두 사용할 수 있습니다.while 문: 조건이 참인 동안 반복 실행합니다. do-while 문은 조건을 나중에 평가하며, 최소 한 번은 실행됩니다.함수 정의 및 호출 방법:Dart에서는 함수를 정의하고 호출하는 방식이 간단합니다.함수는 void 타입 또는 반환 값을 가지는 타입으로 정의됩니다.Dart에서는 선택적 매개변..

4강: Dart 언어 기초 1 - 변수와 데이터 타입내용 요약Dart의 변수 선언 및 기본 데이터 타입:Dart는 Flutter의 기본 프로그래밍 언어로, 강력한 타입 시스템과 간결한 문법을 제공합니다.Dart에서 변수는 var, final, const, 또는 명시적인 타입(예: int, String)을 사용하여 선언할 수 있습니다.Dart의 주요 데이터 타입:int: 정수형 데이터 타입.double: 부동소수점 숫자(실수형) 데이터 타입.String: 문자열 데이터 타입.bool: 논리형 데이터 타입(true 또는 false).List: 배열 또는 리스트 데이터 타입.Map: 키-값 쌍을 저장하는 데이터 타입.Flutter에서 Dart의 역할:Dart는 Flutter 애플리케이션의 모든 로직을 작성하는..

3강: 첫 번째 Flutter 프로젝트 생성 및 구조 이해내용 요약Flutter 프로젝트 구조 설명:Flutter 프로젝트는 여러 디렉토리와 파일로 구성되어 있습니다. 각 파일과 디렉토리는 프로젝트의 중요한 역할을 하며, 이를 이해하는 것이 중요합니다.주요 디렉토리 및 파일 설명:lib/: 모든 Dart 코드가 포함된 디렉토리로, main.dart 파일이 여기에 위치합니다.test/: 테스트 코드가 포함된 디렉토리입니다.android/, ios/, web/: 각각 Android, iOS, 웹 애플리케이션을 위한 플랫폼별 설정 파일들이 포함된 디렉토리입니다.pubspec.yaml: 프로젝트의 의존성을 관리하는 파일로, 패키지, 플러그인, 이미지, 폰트 등의 정보를 정의합니다.첫 번째 'Hello World..

2강: Docker를 이용한 Flutter 개발 환경 세팅내용 요약Docker와 Flutter 개발 환경 개요:Docker는 컨테이너화 기술을 제공하는 플랫폼으로, 애플리케이션을 컨테이너라고 하는 격리된 환경에서 실행할 수 있게 해줍니다. 이로 인해 일관된 개발 환경을 유지할 수 있으며, 모든 개발자에게 동일한 환경을 제공할 수 있습니다.Flutter는 Google에서 개발한 오픈 소스 UI 소프트웨어 개발 키트(SDK)로, 하나의 코드베이스로 모바일(Android, iOS), 웹, 데스크탑 애플리케이션을 개발할 수 있습니다.Docker를 사용하면 Flutter 개발 환경을 손쉽게 설정할 수 있으며, 복잡한 설치 과정 없이 필요한 모든 도구를 컨테이너로 실행할 수 있습니다.Docker 설치 및 기본 사용..

1강: Flutter와 웹 개발 - 개요 및 목표내용 요약1. Flutter와 Bootstrap 소개Flutter란?Google이 개발한 오픈 소스 UI 소프트웨어 개발 키트(SDK)입니다. 하나의 코드베이스로 Android, iOS, 웹, 데스크탑 애플리케이션을 개발할 수 있습니다.Flutter의 주요 장점으로는 빠른 개발, 우수한 성능, 풍부한 UI 위젯 등이 있습니다. 이 시리즈에서는 특히 웹 애플리케이션 개발에 중점을 두고 Flutter를 활용할 것입니다.Bootstrap이란?가장 인기 있는 오픈 소스 프론트엔드 프레임워크로, 반응형 웹 디자인을 쉽게 구현할 수 있습니다. HTML, CSS, JavaScript 기반의 다양한 UI 컴포넌트를 제공합니다.Flutter와 Bootstrap을 함께 사용..

시리즈 개요: 이 블로그 시리즈는 웹 개발을 처음 시작하는 사람들을 위해 Flutter와 Bootstrap을 사용한 크로스 플랫폼 웹 개발을 단계별로 학습할 수 있도록 설계되었습니다. Dart 언어 경험이 없는 사람들도 이해할 수 있도록 기본부터 설명하며, Docker를 활용한 개발 환경 설정부터 시작해 Flutter UI 위젯과 Bootstrap을 활용한 UI 디자인까지 다룹니다. 각 강의는 2~3시간 내에 학습하고 실습할 수 있도록 구성되었습니다. 1강: Flutter와 웹 개발 - 개요 및 목표내용 요약:Flutter와 Bootstrap 소개크로스 플랫폼 개발의 이점Docker를 활용한 개발 환경의 중요성시리즈 전체의 로드맵 및 학습 목표 설명실습:Flutter Blog 사이트 링크 제공완성된 사이..