JSFiddle - React, Tailwind, and code Playground

HTML

<div id="iWrap" data-device="mobile">
  <div class="notice"></div>
</div>

JavaScript

// 브라우저 창(window)의 사이즈가 조정되면 실행
$(window).resize(function(){
  // '#iWrap'의 data-device 값을 변수에 할당
  var device = $('#iWrap').attr('data-device');
  // 브라우저 창의 크기를 할당
  var winWidth = $(window).width();
  
  // device의 값이 'mobile이고 winWidth값이 320보다 작거나 같으면 참'
  if ( (device == 'mobile') &&  winWidth <= 320) {
    // 참인경우
    $('.notice').text('진짜 모바일 환경인가봐요');
  }else{
    // 거짓인경우
    $('.notice').text('모바일 환경은 아닌거 같네요');
  }
  
});