반응형
react 로 만드는 트위터 클론 코딩 - 4 (반응형 그리드)
react 로 만드는 트위터 클론 코딩 - 4 (반응형 그리드)
2021.02.21메뉴 아이템에 해시태그 를 검색할 수 있는 Input 태그를 넣어줍니다. import { Menu, Input } from 'antd'; 버튼이 위에 딱 달라붙어 있어서 버튼의 색상을 변경하고 중간으로 배치하기 위해서 수정합니다. 다음은 그리드를 사용하려고 합니다. antd 에서는 Row 와 Col 이라는걸 지원합니다. import { Menu, Input, Row, Col } from 'antd'; 보통 CSS 디자인을 하실때 크게 2분류로 나뉘는데 반응형과 적응형 반응형: 모바일 부터 시작해서 데스크탑 까지 점점 크기를 늘려가며 크기에 맞게 컴포넌트를 배치 적응형: 모바일 따로 태블릿따로 데스크탑 따로 어떤걸 선택하시든 모바일 부터 디자인 하는걸 추천드립니다. import React from 'rea..