• 티스토리 홈
  • 프로필사진
    Song hyun
  • 방명록
  • 공지사항
  • 태그
  • 블로그 관리
  • 글 작성
Song hyun
  • 프로필사진
    Song hyun
    • 분류 전체보기 (780)
      • 백준 (0)
      • 영어 (2)
        • Diary (0)
        • Toast Masters (2)
      • 메모 (13)
      • 설치 메뉴얼 (30)
      • Java (178)
      • MySQL (60)
      • JSP (67)
      • Springboot (46)
      • HTML,CSS, JS (71)
        • HTML (8)
        • CSS (12)
        • JavaScript (37)
        • HTML&CSS 스터디 (13)
      • C++ (7)
      • Linux (7)
      • JPA (34)
      • Kotlin (2)
      • Flutter (42)
      • Error Note (39)
      • 디자인 패턴 (12)
      • 디지털논리회로 (4)
      • 데이터베이스 시스템 (8)
      • 알고리즘 (7)
      • 운영체제 (3)
      • 이산수학 (3)
      • 인공지능 (1)
      • 자료 구조 (14)
        • 기본 개념 (14)
        • 자료구조 스터디 (0)
      • 💡My project (76)
        • 팩맨 : Java Swing 게임 제작 프로젝트 (6)
        • 네이트톡 : Java 소켓 통신 프로젝트 (4)
        • 포켓옥션 : HikariCP&JDBC CRUD 프.. (3)
        • 이지 부산 : BDIA-Devton 2024 프로.. (20)
        • 그린 유니버시티 : JSP를 사용한 학사관리 프로.. (1)
        • 애드 포커 : 웹 소켓과 Spring을 사용한 카.. (1)
        • 셸위 : 게임 친구 매칭 사이트 (21)
        • 다모아 : 개발자 중개 플랫폼 (20)
      • 📗스터디 (13)
        • CNN : 웹개발 스터디 (10)
        • Node&React로 유튜브 사이트 만들기 (3)
      • 📙독서 및 강연 기록 (36)
        • 강연 (14)
        • 독서 (22)
  • 방문자 수
    • 전체:
    • 오늘:
    • 어제:
  • 최근 댓글
      등록된 댓글이 없습니다.
    • 최근 공지
        등록된 공지가 없습니다.
      # Home
      # 공지사항
      #
      # 태그
      # 검색결과
      # 방명록
      • [Flutter] 13. 플러터 기본기 다지기 (1) - 플러터의 핵심 철학
        2024년 11월 05일
        • Song hyun
        • 작성자
        • 2024.11.05.:39
        728x90
        반응형

        [Flutter] 13. 플러터 기본기 다지기 (1) - 플러터의 핵심 철학

         

         

         

        1. "Everything is a Widget"

        • 플러터의 핵심 철학 = "모든 것이 위젯으로 이루어져 있다."
        • 플러터는 위젯 기반의 UI 프레임워크로, 모든 UI 요소들을 위젯으로 표현한다.
        • 이는 개발의 일관성과 효율성을 높여준다.

         

         

        2. 선언적 UI 구성

        • 플러터는 리액트에서 영감을 받은 선언적 프로그래밍 방식을 채탱했다.
        • 개발자는 원하는 UI 상태를 직접 선언하고, 프레임워크가 이를 효율적으로 렌더링해준다.

        *명령형 UI와 선언형 UI?

        -명령형 UI: 어떠한 상태가 되도록 명령한다.

        -선언형 UI: 어떠한 최종 상태를 선언한다.

        명령형 UI 선언형 UI
        상태 변경에 따른 UI 업데이트를 직접 명령한다. 상태만 선언하면 UI는 자동으로 업데이트된다.
        UI를 보다 세밀하게 제어할 수 있다. 최종 상태 선언에만 집중할 수 있다.
        Ex: 자바스크립트를 사용한 DOM 조작 Ex: Flutter StatefulWidget

         

        *Flutter는 선언형 UI 프레임워크로 불린다. 

         

         

         

        3. 상태 기반 UI 관리

        • 위젯은 현재 상태에 따라 UI를 정의한다.
        • 상태 변화 시 Flutter는 필요한 부분만을 효과적으로 업데이트해 성능을 최적화시킨다.

         

         

        4. Flutter의 이점

        • 이런 Flutter의 접근 방식은 성능 향상과 개발자의 생산성을 높인다.
        • 복잡한 UI 업데이트 로직 대신, 위젯 구성에만 집중할 수 있기 때문!
        • => Flutter 개발은 위젯을 조합해, 반응형 크로스 플랫폼 애플리케이션을 만드는 과정이다!

        728x90
        반응형

        'Flutter' 카테고리의 다른 글

        [Flutter] * Flutter 공식 사이트 문서 읽기  (0) 2024.11.05
        [Flutter] * ChatGPT 세팅 및 플러터 프로젝트 세팅하기  (2) 2024.11.05
        [Flutter] 11. 직사각형과 원의 면적 계산기  (0) 2024.09.06
        [Flutter] 8. Dart의 컬렉션 (자료구조) - (1) List  (0) 2024.09.03
        [Flutter] 7. 프로젝트 구조 살펴보기  (0) 2024.09.03
        다음글
        다음 글이 없습니다.
        이전글
        이전 글이 없습니다.
        댓글
      조회된 결과가 없습니다.
      스킨 업데이트 안내
      현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
      ("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)
      목차
      표시할 목차가 없습니다.
        • 안녕하세요
        • 감사해요
        • 잘있어요

        티스토리툴바