react로 반응형 웹을 만들때 css로 media query를 적용하지만 javascript로도 적용을 할 필요가 있을때가 분명 있습니다. 저 같은 경우는 주로 페이지의 width에 따라 컴포넌트를 변경을 해줄때 사용합니다. 반응형 웹앱을 위해 검색을 하여 react-responsive, react-media.. 등 주 사용하는것으로 나오는데 react-media같은 경우는 쓰기에는 단순하지 못하고(주관적 의견입니다.) react-responsive같은 경우는 크롬에서 개발자모드에선 잘 작동하지만 일반적으로 사용할때는 잘 적용이 안되었습니다.(NextJS 환경입니다.) 계속 찾아보다가 가장 잘 작동하여 적용한 코드를 소개해 드립니다. 장점은 yarn이나 npm으로 설치할 필요도 없고 javascript..

친구 중에 글로벌 설문조사 소프트웨어 기업에 다니고 있는 개발자가 있다. 이 친구가 새로 뽑을 신입의 기술면접과 코딩 테스트를 본다고 나한테 코딩 테스트하기 전에 테스트 해보고 싶다고 하여 친구의 코딩 테스트에 응해줬다. 실시한 코딩 테스트 조건은 이렇다. 1. React 프론트엔드 개발자이니 React를 사용한다. 2. Todo list app을 만들어 볼 것인데 다음의 주소의 api를 사용한다. https://documenter.getpostman.com/view/8858534/SW7dX7JG 3. 40분 이내로 끝낸다. 4. 로그인, 회원가입부터 시작. Todo list야 리액트를 배우는 데에 있어서 기초적인 프로젝트이면서도 웹 개발에 있어서 핵심적인 기능을 대부분 포함을하고 있다. 그리고 지금의 ..