본문 바로가기
반응형

전체 글572

내가 보려고 적어두는 크로스브라우징 내가 보려고 적어두는 크로스브라우징 내가 보려고 적어두는 크로스브라우징이다. input,textarea의 width width가 font-size에 비례하여 넓어지는데, 넓어지는 비율이 크롬과 사파리가 상이하다. 예를들어 font-size:12px일때 input의 width는 크롬에서 135px, 사파리에서 153px이다. reset.css에서 해결할 수 없는 것 같다. 내가 생각한 해결책은 input,textarea에 width를 명시해주기 IOS 계열과 안드로이드 계열의 font color 기본값 IOS는 blue, 안드로이드는 black이다. 해결책 : reset.css에 color 설정하기 잊지말자 사파리에서 복사기능 구현할때 주의할점 아래와 같이 하면 사파리에서 catch가 실행된다. const.. 2023. 12. 23.
Git flow 만든사람이 git flow 쓰지말래 -> trunk based 어때 https://nvie.com/posts/a-successful-git-branching-model/ A successful Git branching model In this post I present a Git branching strategy for developing and releasing software as I’ve used it in many of my projects, and which has turned out to be very successful. nvie.com 위 글 읽어보면 git flow 만든 사람이 git flow 쓰지말란 글이다. Git flow 만든사람이 git flow 쓰지말래 10년전에 git flow를 만들 당시에는 웹앱을 염두하지 않았지만, 10년이 더 지난 지금 .. 2023. 12. 20.
react-query v5에 useQuery의 onSuccess가 사라졌다. 사이드프로젝트하다가 api에 문제가 생겨서 손보던 중 react-query v5가 나온걸 보고 v5로 업데이트 했다. 인터페이스가 좀 바뀌어서 이것저것 고치는데 onSuccess를 넣을 자리가 안보였다. 검색해보니 react-query v5에서는 onSuccess가 사라졌다고 한다! 이 글에 나와있는데 주요한것만 작성해본다. 나쁜 Callback 제거 useQuery에서 onSuccess, onError, onSetteled가 제거되었다. (useMutation에는 잘 있다고 한다.) 개발자의 의도와 다르게 행동할 수 있기 때문이다. onError onError같은 경우는 root의 queryClient에서 사용하라고 한다. const queryClient = new QueryClient({ queryC.. 2023. 12. 19.
'JestMatchers<HTMLElement>' 형식에 'toBeInTheDocument' 속성이 없습니다. 새 리액트 만들때마다 겪는 문젠대 매번 까먹어서 메모 "@testing-library/jest-dom": "^6.1.3", 2023. 12. 18.
반응형