킹바구니

원래 예시에는 my-app같은 폴더명을 쓰게 되어있는데 그거 말고 그냥 현재 폴더에 생성하고 싶다면 이렇게 쓰면 된다. 1. 뒤에 경로 추가npm create vite@latest ./이렇게 하고 실행하면 된다.

갑자기 한영키가 안되고 윈도우창만 엄청 뜨더라;;; 그럼 윈도우키 눌렀을 때 한영키라도 되나 싶었지만 그냥 윈도우창만 떴음. 하 이걸 어쩐다 껐다 켜도 안되는거 같은데 하다가 발견한거 하나!! 1. 모드 변경키보드 윗쪽에 운영체제 모드 변경 스위치가 ios나 맥으로 되어있는지 확인하고, 윈도우로 바꿔주면 된다.아니 이게 언제 바뀌어있었지;;

inspect.dev라는 프로그램을 깔면 좀 더 편한거 같은데 무료버전은 15분 제한이 걸려있음. 그래서 이것저것 찾다가 성공한 것 기록해둠. 참고한 글 https://sujakjil.tistory.com/145 1. node.js 깔기이 글을 들어왔다면 이정도는 깔려 있을듯. 2. cmd 관리자모드 실행윈도우+x또는시작메뉴-오른쪽 마우스-실행-cmd 3. 한줄씩 입력Set-ExecutionPolicy RemoteSigned -Scope CurrentUseriex (new-object net.webclient).downloadstring('https://get.scoop.sh')하지만 2번째 줄인 scoop이라는걸 설치하는 과정에서 에러가 났음. 안났다면 4번으로 이동하면 됨.나같은 경우 시뻘건 글자로 ..

모바일에서는 터치 관련 이벤트가 click, mouseup 등이 아닌 touchstart, touchend 류로 들어옴. 그래서 이에 맞게 타입 처리를 해줬는데 instanceof로 타입 체크를 하는 도중에 TouchEvent가 아니라고 뱉어버리는 경우가 있음. 원인은- 브라우저 문제- touchstart이벤트인데 이벤트핸들러를 click으로 해버림- 타입 추론을 명시적으로 안해줌 라고 하는데 아니 나 다 제대로 했다고~~~~~~ 아무튼 타입이 뭐든 값은 제대로 나와줬으면 해서 type값을 직접 비교해서 clientX와 같은 좌표를 뽑아내고 있음.const getClientX = (event: MouseEvent | TouchEvent) => { if (event.type == 'touchend') {..

꾹 누르든 어쩌든 그 부분이 퍼렇게 잡히는게 있는데 아래 css를 써주면 된다. 1. css 설정* { -webkit-tap-highlight-color: rgba(0,0,0,0);}

실제로 폰에서 테스트하면서 실시간으로 로그를 보고싶을때가 있음. 이때 쓰는 조흔 방법을 써봄. 1. 해당 사이트 들어감chrome://inspect/#devices저걸 그대로 주소창에 치면 된다. 그리고 usb 케이블과 핸드폰을 연결하면 좀 기다리면 아래와 같이 뭔가가 뜬다.  2. inspect 누름그러면 새로운 창이 뜨는데 아래와 창이 화면과 로그를 볼 수 있음. 이제 핸드폰으로 이것저것 해보면 로그가 찍힘. 단점은 뭔가... 좀 느림. 한창 이거 볼때는 괜찮은데 탭 껐다가 다시 켰다가 하면 뭔가 인식하는데 한참 걸려서 개빡침. 번외) 핸드폰으로 localhost:3000, 8080들어가니까 안뜨는데 어캄?ㅜcmd창 - ipconfig 입력 - IPv4 주소랑 포트를 조합해서 폰으로 접속하면 된다.만..

이렇게 생긴 키보드고 엄청 가볍고 콤팩트해서 2년이 지난 지금까지도 잘 쓰고 있음. 그런데 처음 샀을때부터 블루투스 연결이 잘 안돼서 그냥 유선으로 쓰고 있었음. 그런데 오늘따라 선정리하다가 거슬려서 다시 블루투스 연결을 시도하다가 겨우 됐음! 기본적인 방법은 다음과 같음.1. 블루투스로 스위치 변경(1번키 점멸함)2. fn+1키 3초 이상 누름3. pc의 장치추가에 들어가서 블루투스 장비 찾기 근데 난 죽어도 안대서 초기화 버튼이라는 fn+j+z도 눌러보고 다시 실행해도 안됐었음. 결국 키크론 상담사를 통해 아래와 같이 진행함. 1. 펌웨어 진행https://keychron.kr/firmware/?board_name=firmware&search_field=fn_title&search_text=k3&vi..

이보시오! 왜 안된다는 말이오! 라고 한다면 혹시 vite를 쓰고 있지 않는가? 1. vite에 맞춰서 써주기// .envREACT_APP_API_KEY='something'VITE_API_KEY='something'// 호출process.env.REACT_APP_API_KEYimport.meta.env.VITE_API_KEY각각 위에꺼 말고 아래꺼로 써줘야함.

input류 쓰다보면 노란 경고창이 뜨는데 크롬에서만 나타나는 증상이며 간단히 제거하는 방법은 아래와 같음 1. off 설정autoComplete off해주기 참고로 Password field is not contained in a form 이러한 form관련 노란 경고창이 뜬다면 그냥 영역을 form으로 감싸주고 submit만 해제해주면 된다. e.preventDefault()}>

어떤 array형 변수가 하나 있는데 나는 타입 지정 안했는데 자기 마음대로 unknown이라 생각함. 그리고나서 변수.length하니까 에러를 열심히 띄우더라. const a: any[] = arr.map((aa) => ({ ...aa, name: 'hi' }));return a.length > 0 ? a : [];그래서 a:any[] 이런식으로 타입을 지정해줘도 unknown형식은 자꾸 뭘 할당할 수 없다고 떠서 열받...  1. 아래쪽에서 직접 타입 선언해주기const a = arr.map((aa) => ({ ...aa, name: 'hi' }));return (a as any[]).length > 0 ? a : [];부모가 정신을 못차리니 차라리 아래쪽에서 as로 타입을 다시 설정해주면 된다.