[%] 웹 프론트 반응형 해보신분 질문점

[익명(180.229)]

실무에서는 피그마나 제플린 같은 디자인 나오면 데스크탑, 모바일 이 2가지가 주어지는거임??

리액트쓰는데 반응형 관련 라이브러리 알아보니까 react-responsive 많이 쓰던데

모바일이랑 데스크탑 미디어쿼리로 크게 2분류로 레이아웃 만드는거야?? 그리고 그 안에서 미디어쿼리로 rem 나눠서 반응형 css 건들고??

반응형을 제대로 해본적이 없고 맨날 팀플이나 과제용으로 full screen 디자인만해서 잘 모르겠음 ㅜ

[익명(125.132)]

반응형은 구현해야할 최소 뷰포트까지 너비를 줄이면서 레이아웃이 깨지지 않게 해야됨 방식은 여러가진데 em rem단위도 쓰고 vw 단위도 쓰고 퍼센트 단위도 쓰고 상황에 따라 다름flexbox로 레이아웃 잡거나 grid로 레이아웃 잡으면서 반응형 구현해야 좀 편할꺼임 이건 기본적인 사이즈랑 레이아웃 구현이 css 미디어쿼리 써서 뷰포트에 따라 사이즈나 레이아웃 배치를 바꿔야할 경우도 있으니 이거도 구현해줘야됨리액트 리스폰시브 라이브러리의 경우 뷰포트에 따라 컴포넌트를 바꿔주던가 로직을 바꿔줘야 할경우 편하게 쓸수있는 라이브러리임자바스크립트로 반응형을 구현하려면 리스폰스 이벤트핸들러를 등록해서 처리해야 하는데 그걸 리액트 선언형처럼 쓸수있게 해줌