리액트 반응형 웹에 대해서...

Question

리액트를 사용해서 프로젝트를 진행하고있는데요..반응형으로 웹을 구현하려고 구글링 해보니까 meterial ui나 react-responsive를 많이 쓰는것 같더라구요meterial ui도 좋지만 직접 코딩을 하고싶어서 react-responsive를 사용하려합니다.공식 사이트에서 보니까 useMediaQuery Hook을 사용해서 해당 조건에 따라 컴포넌트를 랜더링 하던데..예를 들면 isPc일 경우의 컴포넌트와 isMobile일 경우의 컴포넌트, 두가지의 컴포넌트를 만들어야하는건가요?? 예제가 많이 없다보니까 어떤식으로 하는지 궁금하네요..혹시 예제나 솔루션이 있다면 알려주세요!!이것 말고도 다른 라이브러리가 있다면 추천해주시면 감사하겠습니다!

페코옹 · Answer

뭐 상황에 따라 사람에 따라 다르겠지만 스타일정도만 바꾼다 하면...ispc && style 로 pc일때만 스타일 주거나ispc ? pcstyle : mobilestyle이렇게 classname이나 style에 조건으로 주거나 컴포넌트 단위로 바꾼다 하면...말씀하신거처럼 컴포넌트 여러개를 만들어서 해당 조건에 따라 보여주거나 하겠죠예를 들어 pc용 , 모바일용 내비게비션같이

리액트 반응형 웹에 대해서...

1개의 답변

Q&A 목록