미새문지

리액트때는 자바스크립트 문법위주로 작성되기 때문에 사용되는 기능들만 알아내서 사용하면 되는데, 플러터는 기능 자체가 너무 많고 방대해서 솔직히 외워서 쓸 수 있을지 모르겠다.제대로 배우지 않아서 지피티로 계속 찾아보며 구현하곤 있는데, dart의 문법이 안익숙해서 그런지 참 어렵네.. import 'package:defeefront/routes.dart';import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { retu..

정글 때 동료들 중 몇 명을 모아서 프로젝트를 시작했다. 재희님이 인원 모아서 플젝하자고 꼬셔가지고 고민하다가 마침 앱 개발도 한번 해보고 싶었고 인원도 모여서 승낙했다.인원은 총 5명으로 백은 재희님과 도현이 2명, 프론트는 본인과 시현, 인우로 3명으로 구성됐다.백엔드는 nest를 사용한다고 하고 프론트엔드는 react native와 flutter중 고민하다가 요새 공고에 flutter가 많이 올라오는 것 같아 flutter로 결정했다. 회의를 통해 정해진 프로젝트 주제는 TIL 피드 앱이다. 요새 개발자들은 어떻게 개발하는지, 혹은 어떤 학습을 하는지 한눈에 보기 좋게 모아놓은 앱이며 뉴스피드처럼 여러 TIL들을 확인할 수 있게 하려고 한다.팀원인 시현이가 피그잼으로 맛깔나게 짜준 유저 플로우이다...

소프트웨어 품질 관리는 소프트웨어 제품이 사용자의 요구 사항과 기대에 부합하고, 결함 없이 안정적으로 동작하도록 보장하기 위한 계획, 통제, 보증 활동을 포함한 프로세스이다.소프트웨어 개발 과정의 모든 단계에서 이루어지고 개발 프로세스와 최종 제품의 품질을 모두 관리하는 것이 목표이기 때문에, 이러한 소프트웨어 품질 관리의 목표는 고품질의 소프트웨어를 통해 사용자 만족을 얻고, 유지보수 비용을 절감하거나 시장에서 경쟁력을 유지하는 것이다. 소프트웨어 품질 관리의 중요성소프트웨어 품질 관리는 최종 제품이 사용자가 기대하는 수준의 품질을 유지하고, 비용 효율적으로 개발될 수 있도록 하는 중요한 프로세스이기 때문에 정확한 관리가 필요하다.사용자 만족도: 고품질의 소프트웨어는 사용자 만족도를 높이고, 충성도를 ..

몇몇 앱들을 보면 들어가자마자 로그인부터 해야 작동하는 앱들이 있다. 보통은 로그인을 안해도 어플을 켤 수 있지만 개인정보가 필요한 앱의 경우 로그인을 통해 데이터를 넘겨줘야 하기 때문이다.그래서 초기 페이지를 로그인으로 잡아보려고 한다.import 'package:flutter/material.dart';import 'package:practice/pages/login.dart';import 'package:practice/pages/home.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({Key? key}) : super(key: key); @override Widget ..

flutter에서 자주 사용되는 기본 위젯은 4개가 있는데, 글자 위젯, 이미지 위젯, 아이콘 위젯, 박스 위젯이 있다.글자 위젯 (Text Widget)flutter에서 텍스트를 화면에 표시하는 기본 위젯으로,  스타일, 폰트 크기, 색상 등을 설정할 수 있다. Text 위젯을 사용해 작성한다. @override Widget build(BuildContext context) { return const MaterialApp( home: Text("문미새 블로그") ); }  아이콘 위젯 (Icon Widget)flutter의 기본 아이콘 위젯으로, Material Design의 아이콘을 사용할 수 있으며, 아이콘 색상, 크기 등을 설정할 수 있다. Icon 위젯을 사용해 작성한다..

android studio에서 새 프로젝트를 클릭하면 어떤 언어로 프로젝트를 구현할건지 선택하는 창이 나온다.flutter를 선택하고 다음버튼을 누르면 프로젝트 설정 창이 뜨는데,intelliJ에서 자주 보던 비주얼이다. 둘이 다른 환경인데 일부러 비슷하게 만든걸까 프로젝트 이름과 프로젝트 설명을 작성하고 하단에 플랫폼 선택이 있는데 앱 방식으로 볼 것이기 때문에 ios와 android만 체크해서 생성해준다. 프로젝트 생성 시 처음 보이는 화면이다.lib폴더의 main.dart가 프로젝트 기본 코드이며, 제대로 작동하는지 확인하는 역할이다.상단에 초록 삼각형인 실행버튼을 클릭하면 브라우저에 해당 코드에 맞는 페이지가 뜬다. 해당 코드 페이지이며 하단의 +버튼 클릭 시 카운트가 증가하는 페이지이다.이제 f..

먼저 flutter는 구글이 개발한 오픈 소스 UI 소프트웨어 개발 키트(SDK)이며, 하나의 코드베이스로 iOS, Android, 웹, 데스크탑(Windows, macOS, Linux) 애플리케이션을 개발할 수 있도록 돕는 크로스 플랫폼 개발 프레임워크이다.크로스 플랫폼은 두 개 이상의 플랫폼을 지원하는 것을 뜻하며 flutter는 애플의 iOS와 구글의 안드로이드를 하나의 코드로 개발할 수 있기 때문에 점점 각광받고 있다.초기 출시에는 앱 개발을 목적으로 나온거 같으나 근래에는 웹도 개발할 수 있게 업데이트 됐다고 한다.flutter의 주요 특징은 Dart 언어로 개발하며, 위젯을 통해 화면을 구성하고 커스터마이징할 수 있다. flutter 장점하나의 코드베이스로 멀티플랫폼 지원: flutter는 한..

chart.js는 데이터를 시각화하기 위해 사용하는 차트 라이브러리이다.차트를 직접 작성해도 되지만, 기본적으로 여러 종류의 차트가 들어있는 chart 라이브러리를 사용하는게 편리하고 좋기 때문에 자주 사용된다.리액트에선 주로 chart.js와 react-chartjs-2를 같이 쓰는데, 이는 차트를 사용하기 편하게 컴포넌트 형식으로 만든 코드이다. chart.js의 차트 종류에는 line, bar, radar, pie, bubble 등의 수많은 차트가 존재하며, 사용하고 싶은 파트를 react-chartjs-2로 가져와 사용하면 된다.chart.js 기본 코드import React from "react";import { Line } from "react-chartjs-2";import { Chart ..