기본으로 내장되어있는 MaterialApp 위젯을 누락시키면 해당 에러가 발생한다. Material Design이 기본적으로 제공되어지기 위해 MaterialApp 위젯이 runApp 함수를 통해 배치되어야하기 때문이다. import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget{ Widget build(BuildContext context) { return Scaffold( appBar:AppBar( title: Text('hello world'), ), body:Center( child: Column( children:[ TextButton(onPressed: () ..
CSS 10 : transform, transition transfrom html요소의 회전, 크기 조절, 기울이기, 이동 효과 ! 해당 요소의 display 속성이 block이나 inline-block일 경우 가능함. translate(tx, ty) - 지정한 크기만큼 x축, y축으로 이동함. translate(tx, ty) - tx, ty만큼 이동. translateX(tx) - tx만큼 x축 이동 translateY(ty) - ty만큼 y축 이동 scale(sx, sy) - x축 y축으로 확대, 축소 scaleX(sx) - x축으로 확대 축소 scaleY(sy) - y축으로 확대 축소 rotate(각도) - 지정한 각도만큼 회전. +시계, -반시계 rotateX(각도) - x축 기준으로 회전. 입체..
CSS 09 : 고급 선택자 가상 클래스 선택하고자 하는 html 요소의 특별한 상태를 명시할 때 사용함. 선택자:가상클래스이름 {속성: 속성값;} :link - 아직 방문하지 않은 요소를 나타냄. href 속성을 가진 중 방문하지 않은 모든 요소를 선택함. :visited - 사용자가 방문한 적 있는 링크를 나타냄. :active - 사용자가 활성화한 요소(버튼 등)를 나타냄. :hover - 사용자의 마우스 포인터가 요소 위에 올라가 있으면 선택. :focus - 양식의 입력 칸 등 포커스를 받은 요소를 나타냄. 사용자가 클릭, 탭하거나 tab키로 선택됐을 경우 발동. :nth-child(n) - 형제 요소 사이에서 n번째 순서에 있는 요소들을 선택함. even(짝수), odd(홀수) :not(sel..
CSS 08 : background 속성 background-color 해당 HTML요소의 배경색 설정. background-image 해당 HTML 요소의 배경으로 나타날 배경 이미지를 설정. 설정된 배경 이미지는 기본 설정으로 HTML 요소 전체에 걸쳐 반복되어 나타남. background-repeat 배경 이미지를 수평이나 수직 방향으로 반복되도록 설정 가능. background-repeat: repeat-x; (수평 반복) background-repeat: repeat-y; (수직 반복) background-repeat: no-repeat; (한 번만 나타나게) background-position background-repeat: no-repeat; 일 때 (반복되는 이미지가 아닐 때) 배경 이미..