profile
코뿔소처럼 저돌적으로
태그 목록
전체보기 (158)코드스테이츠(51)TIL(45)프론트엔드(25)js(19)Wingle(17)flutter(17)Vargen(15)algorithm(14)next.js(12)프로젝트(10)React(9)dart(7)맛피(7)마인드(6)CS(5)백엔드(5)회고(5)html(4)네트워크(4)기술면접(4)Fetch(4)project(3)TROUBLESHOOTING(3)원티드(3)API(3)DOM(3)react-query(3)Route(3)node.js(3)타입스크립트(3)tailwind(3)퍼블리싱(3)CSS(3)git(3)최적화(2)hook(2)프로그래머스(2)DP(2)엠오브에스(2)시뮬레이션(2)UI(2)dynamic(2)deploy(2)재귀(2)OpenAI(2)http(2)ux(2)GPT(2)JWT(2)client(1)useRouter(1)yaml(1)navigate(1)ts(1)server component(1)useEffect(1)useState(1)ajax(1)조합(1)yml(1)mocha(1)client component(1)setting(1)고차함수(1)graphql(1)tcp(1)webpack(1)lighthouse(1)loading(1)CI/CD(1)UDP(1)https(1)REST API(1)개발프로세스(1)Lazy loading(1)tree(1)express.js(1)완전탐색(1)패스트캠퍼스(1)BFS(1)State(1)testbuilder(1)가비지컬렉션(1)axios(1)CKEditor(1)개발서적(1)복잡도(1)그리디(1)DevTool(1)wanted(1)cpu(1)정렬(1)GCD(1)LCM(1)번들링(1)algoritm(1)멱집합(1)setState(1)react native(1)aws(1)컨벤션(1)객체지향(1)seo(1)이진탐색(1)cookie(1)스타벅스 예제(1)CCD(1)styled component(1)DFS(1)동적계획법(1)algotithm(1)Stateful(1)jumpit(1)devops(1)redux(1)상태관리(1)srs(1)dark(1)Suspense(1)이벤트(1)netlify(1)session(1)웹접근성(1)웹표준(1)생명주기(1)canvas(1)html5(1)typescript(1)정규표현식(1)로그인(1)import(1)figma(1)feconf(1)자료구조(1)link(1)menu(1)잡글(1)Graph(1)dropdown(1)순열(1)buildcontext(1)next-themes(1)server(1)linux(1)stack(1)queue(1)배포(1)Proxy(1)개요(1)lifecycle(1)Cache(1)lottie(1)시간복잡도(1)서류(1)TDD(1)알고리즘(1)CSS애니메이션(1)
post-thumbnail

플러터의 Stateful 위젯의 생명 주기

항상 변동되는 위젯, 컴포넌트 등은 수명이 있다. 리액트, 뷰 등에서도 유명한 Lifecycle에 대해서 알아보자. 막 암기해야한다고 혈안이 되지 말고 이정도는 이해하고 넘어가야 상태 변경을 통한 렌더링도 잘 하고, 어떠한 상태 관련 오류도 잘 잡아낼 수 있을 것이다. 가볍게 보고 넘어가자. 생명 주기 나는 리액트를 거쳐서 플러터도 배우고 있는데 생명 주기가 또 나왔다. 이때 의문점이 들었다. >생명 주기란 건 정확히 뭘까?? 왜 있을까?? 그래서 일단 생명 주기에 대한 전략에 대해서 간략하게 정리하고 넘어가겠다. 여러 구글링을 해보고 내린 결론은 UI 요소의 생성, 갱신, 소멸 등의 과정을 관리하기 위해 존재하는 전략이다. 라이프사이클의 전략을 사용하는 다양한 이유들을 함축적으로 표현해보겠다 : 1. 초기화와 정리 라이프사이클 메소드를 통해 애플리케이션 또는 컴포넌트(위젯)의 초기화 및 정리 작업을 수행할 수 있다. 초기화 단계에서는 필요한 데이터

2023년 6월 1일
·
6개의 댓글
·