# grid

9개의 포스트

TIL-no.5 CSS(Flex&Grid)

Flex Flex설정을 위해서는 wrapper div 에 height 가 필요하다 Flex direction 은 기본적으로 row(가로) 방향이므로 column(세로)으로 설정하고 Flex-d

2020년 6월 20일
·
0개의 댓글
post-thumbnail

Pre-Wecode #day1(TIL)

웹페이지는 content,padding,border,margin으로 이루어져 있다.: 화면 전체를 씀컨텐트 크기만큼 씀 flex layout을 1차원이라 한다면 grid layout은 2차원 레이아웃의 특성을 갖는다.HTMLCSSgrid-template-columns

2020년 6월 9일
·
0개의 댓글
post-thumbnail

material ui GridList & Tile

material ui ( abbre. mui) 기업에서 많이 사용한다는 react UI framework layout잡을때 매우 편리한듯한 느낌이지만방대하고 다양한 기능들이 존재하기 때문에 아직 아주미숙하여 아주불편함기능하나 사용시마다 import해야함likethis!

2020년 6월 7일
·
0개의 댓글
post-thumbnail

[Flutter] #9 CustomScroll & SliverScroll(13/41)

참고 : 제임쓰flutter 유튜브ListGridCustomScroll & SliverScroll을 사용하게 되면 특이한 Appbar와 레이아웃에 따라 보여지는게 달라지게 됩니다!bottomNavigationBar의 네비게이터 구현을 하고 싶었지만, 미흡한 탓에 구현하

2020년 6월 3일
·
0개의 댓글

반응형웹의 가변 그리드 , max와 min

가변 그리드는 웹사이트를 제작할 때 화면의 크기에 관계없이 자유롭게 늘어나거나 줄어들 수 있도록 픽셀 설정 값이 아닌 퍼센트(%) 설정 값 또는 가변 그리드 단위로 제작하는 기술이다.가변 그리드 마다 계산하는 공식이 존재하고 공식이 모두 다르다.가변 그리드의 단위들vw

2020년 3월 24일
·
0개의 댓글

20200318 TIL

20200318 TIL

2020년 3월 18일
·
0개의 댓글

Flex & Grid 에 대한 간단 영상

화면을 스타일링 할 때 항상 어려워하는 flex와 grid에 대해 블로깅을 해야겠다.이건 내가 정리해서 적는 것 보다 어려울 때마다 보는 게 더 좋을 것 같다.참조영상 : https://www.youtube.com/watch?v=eprXmC_j9A4엄청 이해하

2020년 3월 16일
·
0개의 댓글

반응형 웹, min-width와 max-width 중 어떤 것을 사용하는게 좋을까

먼저 이 글은 제가 인프런에서 일분코딩님에게 개인적으로 질문을드려 답변을 얻은것이므로 링크로 대체합니다.일분코딩사이트요약: min-width를 선호하는게 더 좋다.

2020년 2월 28일
·
0개의 댓글
post-thumbnail

Grid 시작하기

앞에서 flex는 여러번 사용해봐서 실전예제 코드 위주로 작성해갔다면, grid는 완전 서툴기 때문에 하나하나 짚어가면서 벨로그를 쓰겠습니다.Flex 는 한 방향 레이아웃 시스템(1차원)Grid는 두 방향 (가로-세로) 레이아웃 시스템(2차원)따라서 grid가 Flex

2020년 2월 28일
·
0개의 댓글