분류 전체보기 114

[Flutter] TextField 입력필드 위젯

//입력받는 부분을 구분하기 위해서사용 TextEditingController idController = TextEditingController(); body: Column( children: [ TextField( controller: idController, //사용자에게 안내할 문구를 플래이스 홀더 형식처럼 표기할 수있다. decoration: InputDecoration(labelText: '아이디를 입력해주세요.'), ), ElevatedButton( onPressed: () { //클릭시 동작구현 print(idController.text.toString()); }, child: Text('아이디를 입력 값 가져오기'), ), ], ),

Flutter 2023.12.31

[Flutter] ElevatedButton 위젯

ElevatedButton 클릭되었을때 행동할 행위를 구현해서 사용이가능하다. //버튼관련 body: Column( children: [ Container( margin: EdgeInsets.all(32), width: 200, height: 70, child: ElevatedButton( onPressed: () { // 클릭 했을때 동작하고 싶은 내용을 만든다. print('버튼이 클릭되었습니다.'); }, style: ElevatedButton.styleFrom( primary: Colors.green, onPrimary: Colors.yellow, elevation: 10//높이 z축에 약간의 그림자 형태를 가능하게한다. ), child: Text('눌러보세요')), ) ], ),

Flutter 2023.12.09

[Flutter] Text, Image, Icon 위젯

Text -> 스타일을 아래와같은 방법으로 넣을수있다. SizedBox( height: 300, width: 600, child: Text( '확인용사용합니다', style: TextStyle(color: Colors.red, fontWeight: FontWeight.bold,fontSize: 30), ), ) image 사용시에 첫번째로 이미지가 담길 파일을 생성 하고 pubspec.yaml에 경로 추가해서 진행 - 무료아이콘 사이트 : https://www.flaticon.com/ Free Icons and Stickers - Millions of images to download Download Free Icons and Stickers for your projects. Images made by ..

Flutter 2023.12.09

[Flutter]Container, SizedBox 위젯 사용법

Command+. 누르면 소스 보기 줄임표로 변경가능 Container : 감싸는 역할 https://api.flutter.dev/flutter/widgets/Container-class.html Container( width: 300, height: 100, margin: EdgeInsets.all(32), //margin: EdgeInsets.only(left: 10,right: 10,top: 10,bottom: 10), //한쪽만 정렬하고싶은경우에만 사용 alignment: Alignment.center, //컨테이너 기준으로 정렬 child: Text('Container'), //color: Colors.blueAccent, decoration: BoxDecoration( borderRadius:..

Flutter 2023.12.09

[Flutter] Column, Row, Expanded 위젯

Column, Row, Expanded 위젯 Cmd+P => 파라미터 인자 값 어떤것 넣을 수 있는지 확인가능 Alt+enter ,Option+enter => 코멘트 뜨고 영역 관련된 부분 삭제할때 유용하다 Column 같은 경우 별도의 축이 있어서 어디에 정렬할지에 대한 내용을 정할 수있다 Column 세로로 정렬하는 위젯 Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text('메인화면'),), body: Center( //child: Text('메인화면입니다.'), child: Column( //세로로 정렬하는 위젯 Column mainAxisAlignment: MainAxisAlignment.center, /..

Flutter 2023.12.09

[Flutter] 위젯 및 Route 및 단축키

터미널창에서 pub.dev 사이트에서 발견한 패키지를 다운로드 해서 사용하는방법 => flutter pub add image_compare_slider command+ . 누르면 소스코드 줄이기 (맥북) 안드로이드 스튜디오에서 => stless 입력시 stateless관련 자동생성 / stful 하면 반대로 자동생성 핫리로드 기능 => command+s 저장시 바로 된다. 안드로이드스튜디오 -> 인자값 확인 단축키 -> Command+P -> Ctrl+space자동완성기능으로정보 조회 Scaffold() //Material Design 스타일 앱을 개발할 때 기본적인 앱의 레이아웃구조를 만들고 //주요 기본 ui 요소를 제공하는 중요한 위젯 // 위젯이란 ? 앱의 화면에서 그려지는 앱의 모든 구성요소를 ..

Flutter 2023.11.25

Flutter 기본 문법

다트 기본적인 문법을 설치 없이 웹에서 실행이 가능하도록 지원한다. https://dartpad.dev/? DartPad dartpad.dev dynamic 사용 - 사용권장은 하지 않는 부분이지만 유용성을 위해서 알아두면 좋다정도이다. oid main(){ //print 함수 print('hello World'); //변수 자료형이 동일하지 않아도 사용이가능하다. //하지만 사용을 권장하지 않는다. //자료형이 추론해서 사용하기때문이다. dynamic car = 'benz'; car = 10; print(car); } Null Safety 사용부분 - 사용이유 : null을 허용해줌 null에게서 안전한 프로그램 코드를 작성하는 것을 의미한다. null safety를 사용하면 컴파일러에서 코드를 실행..

Flutter 2023.10.21

[DB] 관계형 데이터베이스와 오라클 데이터베이스

1.관게형 데이터베이스의 구성요소 2.오라클 데이터베이스 1. 관계형 데이터베이스의 구성요소 테이블(Table) 가로줄을 행(Row) , 세로줄을 열(칼럼,Coulumn) 로 구성되어 있는 것 행 : 저장하려는 하나의 개체를 구성하는 여러 값을 가로로 늘어뜨린형태 열 : 저장하려는 데이터를 대표하는 이름과 공통 특성을 정의하는 형태 키(Key) : 데이터를 구별 할 수 있는 유일한 값 키의 종류 : 기본키,후보키, 외래키, 복합키 등으로 구분할 수 있다. 기본키(PK : Primary Key) : 여러 키 중에서도 가장 중요한 키이며, 한 테이블 내에서 중복되지 않은 값만 가능하다. 기본키는 중복되지 않은 유일한 값을 가졌기에 하나 또는 여러 열의 조합으로 만들 수 있다. 기본키의 속성 - 기본키의 속성..

[DB] 2023.08.15

[DB] 데이터 모델

[DB] 책을 다시 보게 된 이유 이유 : 데이터베이스를 사용은 하고 있지만 해당하는 개념 및 기초적인 질문과 문의에 대하여 정확히 알고 있지 않은 것 같아서 다시 공부하기 위해서 처음부터 시도하려고 보게 되었습니다. 데이터 모델 데이터 모델이란? 컴퓨터에 데이터를 저장하는 방식을 정의 해놓은 개념모형 대표종류 : 계층형 , 네트워크형, 관계형, 객체 지향형 계층형 데이터 모델 나뭇가지 형태의 트리 구조를 활용하여 데이터 관련성을 계층별로 나누어 부모 자식 같은 관계를 정의 후 데이터를 관리하는 모델 계층형 데이터 모델을 이해하려면 일대다(1:N) 관계의 데이터 구조를 파악해야한다. ex) 하나의 부모 개체가 여러가지의 자식 개체를 갖을 수 있지만, 자식 개체는 여러가지 부모의 개체를 가질 수 없는 경우..

[DB] 2023.08.15