분류 전체보기

[Flutter] ColorScheme class - 주요 색상만 지정하면 색깔을 알아서 뚝딱?

이거뭐야.. Flutter 3 디자인 ㄱ쉬운데??!! - The Coding Papa 더코딩파파님 요즘 플러터를 유튜브에서도 많이 검색해서 그런지 알고리즘에 의해 위의 영상이 노출되어 클릭했다 위의 플러터 3 디자인은 머티리얼3이 되면서 다이내믹 컬러와 폰트만 사용해도 다크 모드/라이트 모드에 따라 색깔을 알아서 뚝딱 만들어주는 영상이었다. 그래서 이 영상에 나오는 ColorScheme에 대해 정리하고자 한다! ColorScheme class 공식 문서에 따르면 ColorScheme은 Material spec에 기반한 25가지 색상의 세트로 대부분의 컴포넌트의 컬러 속성을 설정할 수 있습니다. ColorScheme의 주요 강조 색상 그룹은 primary, secondary, tertiary입니다. pri..

Spring Data JPA 간단하게 알아보기

Spring Data JPA를 간단하게 알아보기 전에 우선 JPA에 대해 간단하게 알아보자! JPA는 왜 나오게 되었을까? 객체 모델링보다는 테이블 모델링 웹 서비스를 개발하고 운영하다 보면 피할 수 없는 문제가 데이터베이스를 다루는 일이다. Spring project에서 MyBatis와 같은 SQL Mapper를 이용해서 데이터베이스의 쿼리를 작성하다보면 실제로 개발하는 시간보다 SQL를 다루는 시간이 더 많아지고, 그로인해 객체지향 프로그래밍이나 객체 모델링보다는 테이블 모델링에만 집중하게 되고 객체는 단순히 테이블에 맞추어 데이터을 전달하는 역할만 하게 된다. SQL을 직접 다룰 때 발생하는 문제점을 "자바 ORM 표준 JPA 프로그래밍"책에서 요약한 내용으로는 아래와 같다고 나와있다. 진정한 의미..

VSCODE 단축키

cmd+k+s 단축키를 사용하면 현재 설정된 단축키를 확인할 수 있다. 아래는 그때그때 기억하기 위해! 적는 단축키 맥 단축키 윈도우 단축키 명령 cmd+c ctrl+c 행 복사 cmd+x ctrl+x 행 삭제 cmd+shift+k ctrl+shift+k 행 삭제 shift+opt+↓ shift+alt+↓ 위에 행 복사 shift+opt+↑ shift+alt+↑ 아래에 행 복사 opt+↑ alt+↑ 행 위로 이동 opt+↓ alt+↓ 행 아래 이동 cmd+enter ctrl+enter 아래에 행 삽입 cmd+shift+enter ctrl+shift+enter 위에 행 삽입 cmd+shift+p ctrl+shift+p 모든 명령 보기 cmd+. ctrl+. 빠른 수정 cmd+p ctrl+p 파일 열기

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..