분류 전체보기 (354) 썸네일형 리스트형 플러터 기본기 다지기 - 3 (Form 위젯) Form 위젯TextField는 단순히 하나의 텍스트 입력을 다루는데 반해서, Form은 그 자체로 입력 필드를 가지고 있지 않지만, FormField 위젯들을 그룹화하여 관리하며, 복잡한 유효성 검사와 보다 쉽게 할 수 있는 위젯다른 위젯과 달리 Form 위젯은 자체적인 화면을 제공하지는 않으며, 사용자가 입력한 데이터의 유효성 검증, 데이터 관리 관련 기능을 제공함Form 위젯 내에서 TextFormField 위젯을 사용하여 각 데이터 입력을 받는 것이 일반적임Form 위젯 작성 방법은 다음과 같음 1. Form 위젯을 위한 GlobalKey를 만들어야 함. GlobalKey는 FormState 전체에 액세스하는 데 사용되며, 이 객체는 폼 데이터의 유효성을 검사하고 저장하는 데 사용됨final _f.. JavaScript 게시판 만들기 - 로그인 기능 만들기 디자인 시안 확인sing-in.html sign-in.html 게시판 로그인 회원가입 로그인 by JS 아이디 비밀번호 로그.. JavaScript 게시판 만들기 - board-list 기능 만들기 디자인 시안 확인board-list.html header.js// DOMContentLoaded 이벤트를 사용해 보자.document.addEventListener("DOMContentLoaded", function () { // DOM 요소를 가져오기 const boardMenu = document.getElementById("board"); const signInMenu = document.getElementById("signIn"); const signUpMenu = document.getElementById("signUp"); const authLinks = document.getElementById("authLinks"); // 로그인 여부 확인 const user = loc.. 플러터 기본기 다지기 - 2 Flutter 앱 개발에서 자주 사용되는 asset과 로컬 폰트 설정 방법asset이란?asset은 앱 구성에 필요한 리소스 파일들을 의미합니다. 예로 아이콘, 이미지, JSON 파일, 폰트 파일 등이 있다.이러한 리소스는 앱 빌드 시 내부에 포함되어야 하며, 이를 위해 pubspec.yaml 파일에 등록이 필요하다. Text 위젯에서 로컬 폰트(fontFamily) 설정하기Flutter에서 Text 위젯의 fontFamily를 로컬 폰트로 설정하려면, asset으로 폰트를 등록한 후 사용해야 한다. 폰트 다운로드 Browse Fonts - Google FontsMaking the web more beautiful, fast, and open through great typographyfonts.goo.. SingleChildScrollView 위젯 SingleChildScrollView 위젯스크롤을 제공하기 위해 사용되는 위젯수직/수평 스크롤을 지정하고자 할 경우, scrollDirection 속성값을 설정할 수 있음scrollDirection: Axis.vertical (수직)scrollDirection: Axis.horizontal (수평)import 'package:flutter/material.dart';void main() { runApp(const MyApp());}class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( home: Scaff.. 기초적인 Flutter 화면을 구성하는 패턴 'package:flutter/material.dart' 임포트MaterialApp으로 메인 위젯 트리 감싸기title과 theme과 같은 속성 설정home : 속성을 주 페이지로 정의Scaffold앱의 시각적 레이아웃에 대한 기본 구조 제공appBar 및 body와 같은 속성 설정레이아웃 요소 제공 (예: AppBar, Drawer, BottomNavigationBar)각 구성요소는 또 다른 위젯으로 각각의 사용법은 이후에 정리하기로 함body에 실제 화면 관련 위젯 정의import 'package:flutter/material.dart';void main() { runApp(MyApp());}// 상태 기반 UIclass MyApp extends StatelessWidget { const MyAp.. Carblre - 중개폼 프로젝트 소스코드https://github.com/BHbae/Carblre.git GitHub - BHbae/CarblreContribute to BHbae/Carblre development by creating an account on GitHub.github.com 보고서 및 작업일지ERD SiteMap 이번 프로젝트를 하면서 느낀점공공데이터를 가지고 chart를 구현해 내는 과정에서 파싱이 잘못 되었다는 걸 알았다. 처음부터 다시하기에는 시간이 너무 많이 지나서 지금 할 수 있는 최선의 방법이 무엇인지를 생각했을 때 완료된 몇몇개의 데이터를 다른 시도에 넣었고, 차트도 하나하나 노가다로 집어 넣었다. 유기견 스윙 프로젝트 할 때도 비슷한 상황이 있었는데 같은 문제가 반복되서 차근차근 다시 해.. 15일차 - 메인 페이지 구현 및 차트 기능 구현 index.jsp 지역별 통계 .. 이전 1 2 3 4 5 6 7 ··· 45 다음
