코뿔소처럼 저돌적으로
태그 목록
- 전체보기(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)
플러터로 Stateless UI 따라 만들기 : Header, Devtools
이제 플러터로 UI를 따라 구현해보는 시간을 갖겠다. UI 참고 사이트로 유명한 드리즐에서 하나를 골라 이대로 구현해보겠다. 할 수 있는 한 최대한 비슷하게 해볼거시다. 거의 똑같이 보이게 할 것이다. 최대한 같은 색깔을 사용해볼 거고 할 수 있을 만큼 같은 size, font, spacing, 장식들, margins을 써보자! 이렇게 만들어 보고, 위젯들을 사용하는 데에 익숙해 질 것이다. 점검하고, 무슨 Option들을 조합해서 하는지 등등 플러터를 사용하는 데에 익숙해져 보자. Header 시작 이제 시작을 해볼 것이다. 전 코드를 그대로 이어서 할 것이다. 시작 해보자. 요소 만들기 ![](https://velog.velcdn.com/images/okko8522/post/3af90d51-63ea-40e1-877e-8d426fc1c5
2023년 5월 25일
·
5개의 댓글·
0