![]()
제목 : CSS grid 란 무엇이고, 어떻게 사용할까?이 글을 작성하는 이유 :아주 최근에 작성한 CSS 에 대한 글 몇 개와 연동하여알아야 할 지식으로 생각하여 CSS grid 에 대해서 다루게 되었다.이전 글은,미리 알아두면 좋았을 CSS 기초 및 응용 예제CSS 레이아웃, display 에 대해서 알아놓자예제와 함께 알아보는 CSS flex 와 Flexbox위의 3 글이며,레이아웃의 핵심인 Flexbox 와 더불어, Grid 에 대해서도 알아보려고 한다.혹시라도 CSS 에 대해서 잘 모르시는 분이 있다면,위의 3 개의 글을 순차적으로 읽고 오시면 도움이 됩니다.그리고, 질문은 환영이기 때문에,rhdwhdals8765@gmail.com으로 메일을 보내주시면 감사하겠습니다.내가 예제를 블로그에 만드는..
![]()
제목 : CSS 정렬의 핵심, display 속성에 대해서 알아보자부제 : flex, grid, block 등등에 대해서 알아보자.이 글을 작성하는 이유리액트를 배운 적은 정말 많았다.2년전 책으로 리액트를 배울 때도,리액트를 공식문서로 찾아가 배울 때도, 심지어 프로그래머스 부트캠프에서도 리액트를 배웠다.그러나, 페이지 Layout 및 Common Component Design 및 Item Listing 과정에서,"왜 이 컴포넌트의 css 에 display : flex 를 넣는가?" 를 알려주지 않았다.동영상이나 책, 혹은 공식문서에서 알려주는 대로 css 파일을 따라 치는 것은 당연히 문제가 되질 않았다.background, width, height, color, border, .... 등등CSS P..
