1. 모바일 웹뷰에서 줌 아웃 줌 인 막기

   • index.html 에 meta 추가

   <meta name="viewport"
       content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0, user-scalable=no, viewport-fit=cover">
   

   • css에 최상단에 속성 추가

   html{
     -webkit-text-size-adjust: none;
     text-size-adjust: none;
   touch-action: pan-x pan-y;
   }
   

2. 모바일 웹뷰에서 파란색 하이라이트 막기

   *{
   	-webkit-tap-highlight-color: transparent !important;
   }
   
   

3. input의 커서 색상 변경

   input {
   	caret-color : red;
   }
   
   

   input 커서(caret) 색상 바꾸는 방법 (How to change input box cursor color)

4. HashRouter 과 BrowerRouter 차이와 설정차이

5. 객체의 value 기준으로 정렬

JavaScript - 객체 value로 정렬하기, object value sorting, js, JS, object, array, sort

1. 배열안에 객체를 객체의 특정 value로 정렬하기.

const sortedArray = data?.sort((b, a) => a.id - b.id);

1. a++ 와 ++a 차이.

   1. ++a 는 addAndGet
   2. a++ 는 getAndAdd

   var a = 1;
   
   console.log(++a); // 2 더하고 나서 뽑을래?
   console.log(a) // 2 이미 더해져있음.
   
   console.log(a++) // 1 뽑고나서 더할래
   console.log(a) // 2 뽑고나서 더했기떄문에 2가됨 
   

2. 비구조화 할당하여 받은 변수?를 다른 변수로 바꾸기

const {data : inquiryData} = useQuery(['inquiry', fetchFunc);

// 사용
inquiryData.map((item)=> 뭐시기 뭐시기);

받아온 data가 inquiryData로 바뀌어져서 사용가능하다.