[TIL] 02.17 반응형 개선

2020. 2. 17. 21:52카테고리 없음

엔트디의 break point는 아래와 같다.

xs: 576px 이하
sm: 576px 이상
md 768px 이상
lg 992px 이상
xl 1200px 이상
xxl 1600px 이상

미디어 쿼리로 엔트 디자인과 같은 break point를 만들어 주어서 antd Row 컴포넌트가 적용되어 있지 않은 부분에 걸어줄것이다. 

그리고 스크린 크기마다 좀 더 자연스럽게 보일 수 있는 모습으로 변경해 주려고 한다. 

예를 들자면 헤더의 라우트 부분을 화면이 줄어들면 list 형식으로 만들거나 body의 margin을 줄여주어 좀 더 보기 좋은 화면을 만들 것이다. 

 

npm 429 라는 에러가 발생 하였다. 뭔가 많은 요청이 들어갈 경우 생기는 에러 인데 자세한 원인을 알 수가 없었다.