코뿔소처럼 저돌적으로
태그 목록
- 전체보기(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)
전체보기 (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)
플러터로 Stateful App 따라 만들기 : UI 구현
이제 Stateful에 대한 개념을 모두 익혔으니 State가 있는 앱을 만들어보도록 하자. 다들 알겠지만 뽀모도로 타이머라고 25분 일하고 5분 쉬는 등을 보여주는, 생산성에 좋은 앱을 하나 만들 것이다! 여기 사이트를 참고하여 UI를 짜보고, State를 넣어보자. Stateless UI 구현 목표를 설정하고, 얼마나 했는지, 시간이 지나면 파란색, 시간 중에는 빨간색 등등 상태를 구현할 것이 많다. 일단은 UI부터 구현할 것이다. 우선 색상은 적혀있어서 색상부터 구현하고 시작하겠다. ThemeData를 통해 구현
2023년 6월 9일
·
6개의 댓글·
0