킹바구니 🦜

[css] 모바일에서 클릭/터치할 때 파란색 나타나는 현상 제거하기

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

localhost 개발하는거 폰에서 보는 법

실제로 폰에서 테스트하면서 실시간으로 로그를 보고싶을때가 있음. 이때 쓰는 조흔 방법을 써봄. 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로 타입을 다시 설정해주면 된다.

'"isLogin"' 유형에 'InvalidateQueryFilters' 유형과 공통적인 속성이 없습니다. invalidateQueries쓰는데 자꾸 키 에러가 뜬다 띠바 날 열받게하지마시오 1. 키 그대로 맞춰 써주기export const isLogin = () => { return useQuery({ queryKey: ['isLogin'], // 이거 생긴대로 });}return useMutation({ onSuccess: () => { queryClient.invalidateQueries({ queryKey: ['isLogin'] // 이렇게 써주기 }); }})

'() => void' 형식은 'MutationFunction' 형식에 할당할 수 없습니다. react-query쓰는데 mutationFn에서 자꾸 에러가 난다.. 어쩔티비아니냐거 1. promise 반환return useMutation({ mutationFn: () => { // 뭔가 하기 return new Promise((res) => res(true)); }, onSuccess: () => { }})mutationFn안에서 프로미스 해주셈 보통 api보내는건 어차피 자동반환되니까 상관없는데 아닌거는 따로 해줘야함.

object로 된 요소를 바꾸려는데 저런 멘트가 뜬다면 타입으로 확실하게 명시해주면 된다. 1. 타입 정리interface Isomething { // 이거 [key: string]: boolean;}const [something, setSomething] = useState({ a: false, b: true,}) 여담으로 react에서 set함수로 변경할때 object를 어떻게 일괄/일부 변경하는지 적어두겠음. const [something, setSomething] = useState({ all: false, a: false, b: true,});// all의 상태에 따라 싹다 토글. 전체선택,해제 같은거에서 씀.const toggleAll = () => { const keyy = Ob..

'() => Promise' 유형에 'UseMutationOptions' 유형과 공통적인 속성이 없습니다.내지invailed hook 에러이라는 에러가 뜨는데 아니 타입이 유동적일수도 있어서 그런데 왜 자꾸 이러시죠? useEffect에 바로 안쓰고 함수로 감아줬는데도 왜이러시죠?  1. 이렇게 쓰기const App = () => { useEffect(() => { mutate(); // 한번 불러주기 }, []) const run = () => { // 뭔가 데이터 가져오는 함수 return res.data; } const { mutate } = useMutation({ mutationFn: run, onSuccess: (data: any) => { }, ..