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

플러터의 BuildContext

그동안 플러터로 개발해오면서 BuildContext를 애써 무시하며 Stateless, State 등을 렌더링 해왔다. 위 부분 중 BuildContext가 무엇인지 알아볼 것이다. Theme 그동안 우리가 각 제목과 본문 등의 Text에 직접 스타일을 넣어서 꾸며줬다. 사실 그러한 하드코딩은 플러터를 제대로 이용하지 않는 식이었다. MaterialApp 위젯의 theme을 이용해서 색과 글씨 크기 등을 재사용 가능하도록 편하게 설정 할 수 있다. 위 코드는 My Large Title Text를 꾸며주기 위해 하드코딩했지만 위 부분을 추가해서 우리 Title에 titleLarge를 적용토록 할 것이다. BuildContext 여기서 BuildContext가 나온다. 위 코드를 보면은 MyLargeTitle라고, 커스텀 위젯을 만들어서 분리가 돼 _AppState의 자식으로 속해져버렸다. 근데 `_AppState

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