맨 땅에 프론트엔드 개발자 되기

1. 일반 PC로 접속할 경우에는 앱 다운로드 링크를 띄우지 않고, 모바일로 접속할 경우에만 앱 다운로드 링크를 띄운다던가 2. 일반 PC는 마우스 기반이고 모바일은 터치 기반이기 때문에 접속 기기에 따라 이벤트를 다르게 작동시킨다던가 다양한 경우에 접속한 기기의 종류를 확인해야할 경우가 생긴다. JavaScript 접속한 기기가 모바일인지 아닌지 확인하는 방법 const isMobile = () => { return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent); }; 이 코드 한 줄이면 접속한 기기가 모바일일 경우 true, 아닐 경우 false를 반환하는 함수를 구현할 수 있다.

체크박스 전체 선택 / 해제 기능에서 구현해야할 기능 목록 1. 최상단 체크 박스 클릭 시 전체 선택 / 해제 토글 기능 2. 전체 선택 시에 하나라도 체크가 해제되면 최상단 체크 박스 선택 해제 3. 모든 체크박스가 선택될 경우 최상단 체크 박스 선택 활성화 import { useState } from 'react'; import styled from 'styled-components'; export default function Sample() { const data = [ {id: 0, title: '선택 1'}, {id: 1, title: '선택 2'}, {id: 2, title: '선택 3'}, {id: 3, title: '선택 4'} ]; // 체크된 아이템을 담을 배열 const [check..