IT

VSCODE Open Keyboard Shortcuts으로 새파일/새폴더 단축키 설정하기

1. cmd + shift + p (Show all commands)를 누르고 Open Keyboard Shortcuts (JSON)을 선택한다. (윈도우는 ctrl+shift+p이다) Open Default Keyboard Shortcuts을 선택하지 않게 주의한다. 2. keybindings.json 파일에 아래 내용을 추가한다. mac [ { "key": "cmd+n", "command": "explorer.newFile", "when": "!editorFocus" }, { "key": "cmd+shift+n", "command": "explorer.newFolder", "when": "!editorFocus" } ] windows [ { "key": "ctrl+n", "command": "expl..

[Flutter] Button types

앱 화면에서 버튼을 추가 하기 위해서는 버튼 위젯을 사용해야 하는데 Flutter에서는 TextButton, ElevatedButton, OutlinedButton, IconButton이 있습니다. TextButton TextButton( style: TextButton.styleFrom( padding: const EdgeInsets.all(16.0), primary: Colors.blue, textStyle: const TextStyle(fontSize: 20), ), onPressed: () {}, child: const Text('TextButton'), ), TextButton은 Text위젯만 존재합니다. styleFrom 메서드는 간단한 값에서 텍스트 버튼 ButtonStyle 을 만드는 편리..

[Flutter] Text widgets - Text

Flutter에서 문자열을 화면에 나타내기 위해서는 Text라는 위젯을 사용해야합니다. Text widgets에서 Text, RichText, DefaultTextStyle 있는데 이번 포스팅에서 알아볼 위젯은 Text widget 입니다. 간단하게 보기! RichText - TextSpan개체의 트리를 사용하여 각 노드에 맞는 다르스타일을 정의 (예를 들어 문장에서 강조를 위해 텍스트를 진하게 한다거나 등) DefaultTextStyle - 하위 텍스트 위젯에 적용할 텍스트 스타일 (DefaultTextStyle > Column > Text, Text에서 Text의 스타일을 일괄 적용 하고 싶을때 주로 사용) 문자열 화면에 표시하기 Center( child: Text( '안녕하세요?', ), ) Tex..

[Flutter] 이미지 넣기

플러터에서 이미지를 띄울떈 어떻게 해야할까요? 그럴땐 Image 위젯을 사용합니다. 또한, Flutter에서 지원하는 이미지 포맷은 JPEG, PNG, GIF, WebP, BMP, WBMP 입니다. 다만, 웹에서 사용하는 img 태그의 경우 src에 네트워크든 로컬이든 상관 없이 경로를 추가하면 끝이였지만 Flutter의 경우 네트워크 이미지와 로컬 이미지를 불러오는 방식이 서로 다릅니다. 그러면 어떻게 불러오는 지 간단하게 알아보겠습니다! 네트워크 이미지 불러오기 Image.network() Image.network( 'https://flutter-ko.dev/images/flutter-logo-sharing.png'), 위와 같이 이미지 주소를 입력하면 Flutter가 이미지 파일을 다운로드해서 캐시..

Flutter 여백을 주는 위젯

Container 위젯 padding 프로퍼티를 사용하면 여백을 줄 수 있다. Container( padding: EdgeInsets.all(10), ) Padding 위젯 padding 프로퍼티를 사용하면 여백을 줄 수 있다. Padding ( padding: EdgeInsets.all(10), ) EdgeInsets은 뭔가요? padding, margin과 같이 네 개의 방향(상하좌우)에 여백을 줄 떄 사용하는 클래스입니다. TextDirection 의 영향을 받지 않습니다 EdgeInsets 인스턴스를 만드는 방법에 대한 몇 가지 예입니다. //모든 측면(상하좌우) const EdgeInsets.all(0.0) //세로(vertical), 가로(horizontal) const EdgeInsets.s..

관계형 데이터베이스란?

관계형 데이터베이스는 서로 관련된 데이터 포인트에 대한 액세스를 저장 및 제공하는 데이터 유형이다. 관계형 데이터베이스는 테이블에 데이터를 직관적이고 간단하게 표현하는 방법인 관계형 모델을 기반으로 한다. 관계형 데이터베이스에서 테이블의 각 행은 키라는 고유 ID가 포함된 레코드다. 테이블의 열에는 데이터의 속성이 들어 있으며, 각 레코드에는 일반적으로 각 속성에 대한 값이 있으므로 데이터 포인트 간의 관계를 손쉽게 설정할 수 있다. https://www.oracle.com/kr/database/what-is-a-relational-database/