반응형 전체 글280 🎮 10월 2주차 회고 🩰 router push,replace 구분하여 쓰기 vue 에서 router를 push와 replace를 구분하여 사용할 필요가 있다. 예를 들어 결제 후 이전 페이지로 가면 또 결제 페이지로 가는 경우가 있다. 이러면 2번이상 결제가 가능한 것처럼 보이기 때문에 이러한 부분은 replace를 통해 구분하여 사용해야 한다. 🎮 setTimeOut 자제하기 javascript에서는 setTimeOut이나 setInterval를 사용하는 경우가 있다. 다만 이것을 쓴 후에는 항상 clear를 시켜줘야 한다. 그렇지 않으면 로그아웃이나 화면을 벗어날때도 여전히 interval이 계속해서 발생할 수 있기 때문이다. 🎰 현 회사에서 hoc 고민하기 vue나 react등 재사용성에 대해 고민을 많이 한다. 현 회.. 2023. 10. 8. 🤹🏽♂️ 9월 3주차 회고 🎫 ios safari safe-area-inset-bottom 영역 확인 이번에 모바일 웹 작업도중 ios/safari에서 버튼이 가려지는 현상이 발생하였다. 아마 모바일의 기본적인 영역때문에 가려지는것처럼 보이는데 해결은 하였지만, 다음에도 또 이런일 발생하면 어떻게 해야할지 알아볼 필요가 있다. 🎳 배포 빌드 사이즈 줄이기 배포를 하는 도중 배포 결과물이 너무 무겁다는 느낌이 들었다. 그리하여 이것을 줄일수 있는 방법을 현재 알아보는 중이다. 현재는 https://ui.toast.com/posts/ko_20190603 를 통해서 알아볼 예정이다 🎯 자동완성 알아보기 쿠팡같이 로그인 하면 이메일 양식을 자동으로 만들어준다. 이번에 우리 서비스에도 적용을 해야하는 미션이 떨어졌고, 하는 과정에서 tab.. 2023. 9. 24. 🎫 jest mock 함수 사용법 정리 mock 함수 mock에서는 다양한 함수를 제공한다. 가짜로 return해주거나, 즉시 함수 가짜로 구현하여 실행해준다. mockReturnValue 가짜 함수를 만들어 값을 return 해주고 싶을때 사용된다. object도 return이 가능하다. test('mock Rerturn value', () => { const mock = jest.fn(); mock.mockReturnValue(42); const returnValue = mock(); console.log(returnValue) //42가 찍힌다. }); mockReturnValueOnce 가짜 함수의 리턴값을 한번만 호출하고 끝내고 싶을때 사용된다. test('mockReturnValueOnce testing .. 2023. 9. 17. 🎯 9월 3주차 회고 🎺 axios retry 처리 이번에 api호출하고 나서 실패하는 경우 재호출을 실패하여, 재호출 하도록 axios설정을 변경하였다. 8회 정도 재요청을 하고 api호출을 그만하도록 설정하였다. 네트워크 상태가 올바르지 않는 경우도 종종 존재하니, 이러한 설정을 해놓는게 좋다는 생각이 들었다. 🎮 vue directive vue directive를 통해 공통적인 부분을 어떻게 처리할지 고민이 필요해보인다. 현재 공지사항 내용 같은것들이 replaceAll으로 한것들이 많은데, directive를 통해 간단하게 처리하는 방법을 알아봐야 한다. 🎳 slot을 통하여 템플릿 처리필요 slot은 자식컴퍼넌트를 좀 더 커스텀하게 사용할 수 있는 것이다. vue에서 제공해주는 기능이며, 현재 회사 프로젝트에서는 헤.. 2023. 9. 17. 이전 1 ··· 34 35 36 37 38 39 40 ··· 70 다음 반응형
