본문 바로가기

전체 글127

플러터 기초 - StatefulWidget 이전 포스팅에서는 StatelessWidget에 대해 알아봤습니다. StatelessWidget은 딱 처음 보여준 UI에서 변화가 없는 UI 위젯을 의미합니다. 플러터 기초 - UI 구성 플러터의 UI를 어떻게 구성하고 제일 중요한 핵심인 플러터의 UI 구성 어디서 UI를 정의하는지 UI의 구성 정의한 UI 구조를 한 눈에 살펴보기 플러터 UI의 시작 플러터의 UI는 runApp() 함수에서 시작 android-developer.tistory.com 하지만, 대부분의 UI는 사용자 반응에 따라 다른 데이터를 보여주는 등 상호작용이 필요하기 때문에 대부분의 경우에는 StatefulWidget을 사용해서 앱을 만듭니다. Statefulwidget의 구성 분석하기 VS 코드에서 st를 입력하면 Flutter .. 2023. 4. 18.
VS 코드에서 플러터 사용 설정 - 파란색 줄 없애기 등... VS 코드를 사용하여 플러터를 개발할 때 미리 셋팅하면 좋은 부분이 존재한다. 특히 파란색 선이 나오는 부분을 삭제할 수 있는데 어떻게 할 수 있는지 알아본다. 저장 시 자동으로 경고 코드 수정하기 먼저 파란색 밑줄이 나오는 이유를 잠깐 설명하면 하드 코딩되어있는 부분을 const로 표현해달라는 말이다. 그렇기 때문에 일일이 const를 적어줘도되지만 좀 더 간단한 방법이 있다. UserSetting 수정하기 VS코드에서 왼쪽 밑에 존재하는 톱니바퀴를 클릭한다. 그리고 Command Palette를 클릭한다. 그리고 다음 커맨드를 입력한다. Open User Settings(JSON) 그러면 setting.json 이라는 JSON이 담긴 파일이 열리는데 거기에 다음과 같은 커맨드를 입력하고 저장한다. 그.. 2023. 4. 15.
플러터 기초 - UI 구성 플러터의 UI를 어떻게 구성하고 제일 중요한 핵심인 플러터의 UI 구성 어디서 UI를 정의하는지 UI의 구성 정의한 UI 구조를 한 눈에 살펴보기 플러터 UI의 시작 플러터의 UI는 runApp() 함수에서 시작한다. 플러터의 모든 UI는 위젯으로 되어있기 때문에 위젯을 반환하는 클래스를 runApp()에서 실행한다. void main() { // UI를 만들도록 하는 부분 runApp(MyApp()); } // StatelessWidget: class MyApp extends StatelessWidget { // build 메서드는 UI를 만들어준다 @override Widget build(BuildContext context) { } } 플러터의 기본적인 UI 구성하기 플러터의 UI는 각각의 위젯으로.. 2023. 4. 15.
코틀린에서 자주 사용하는 어노테이션(Annotation)@ 정리-3 이전 포스팅에서는 리플렉션을 사용한 어노테이션 정의를 알아봤습니다. 하지만, 리플렉션을 사용해 어노테이션을 만들 경우 다음과 같은 단점이 있습니다. 새로운 커스텀 어노테이션을 만들 때마다 복잡한 리플렉션 코드를 작성해야 한다. 그렇기 때문에 이번에는 Code Generation을 사용해서 커스텀 어노테이션을 만들어보겠습니다. 아래는 이전 포스팅입니다! 코틀린에서 자주 사용하는 어노테이션(Annotation)@ 정리-1 코틀린에서 자주 사용하는 어노테이션에 대해 알아본다 어노테이션은 메타데이터 ( 부가기능 )을 코드에 비침투적으로 추가할 수 있는 수단이다 코틀린에서 어노테이션(Annotation)의 종류 Kotlin에 android-developer.tistory.com 코틀린에서 자주 사용하는 어노테이션.. 2023. 4. 13.