목록전체 글 (276)

mingg IT

[Cypress] Cypress 에러 Timed out retrying after 4000ms: expected '<div.MuiFormControl-root.MuiTextField-root.css-xzhr3v-MuiFormControl-root-MuiTextField-root>' to be 'disabled' 해결법

참고로 나는 MUI를 함께 사용하고 있기 때문에 저런 에러가 나왔다. 아마 Cypress를 사용한 사람들이라면 한번은 떴을 에러이다. 내가 작성하고 싶던 코드는 1. 처음에 버튼이 비활성화 상태이다. 2. TextField에 값이 채워지면 버튼이 활성화 상태이다. 를 테스트 해보고 싶었다. it('Visit findId url', () => { const findIdBtn = cy.get('[data-cy="findIdBtn"]'); findIdBtn.should('be.disabled'); const findNameField = cy.get('[data-cy="findIdNameField"]').should('exist').type('김민지'); findIdBtn.should('be.disabled')..
FrontEnd 2023. 2. 15. 18:05
ChatGPT 와 친해지기 (4)

오늘도 어김없이 chatGPT를 사용해 보았다. 오늘은 프론트개발에서 path 관련된 고민이 있어서 물어보았다. 우선 회사에서 사용하는 프로젝트들과 공통화 하는게 1순위라 생각했는데 내가 맡고있는 프로젝트 외에는 회원가입 기능이 없다고 한다. 그래서 chatGPT에게 물어보기로 결정했다. 백엔드 코드보면 회원가입쪽이 authController 이렇길래 auth를 사용할까.. 뭐가 좋을까 고민을 했다. 분명 인증과 관련된 부분도 있지만... 왠지 안땡긴다(?) 다른 웹 사이트들을보니 users, members, join을 많이 사용하는 것 같아서 물어보았다. 점심먹고 돌아왔더니, 팀원분께서 chatGPT가 잘못된 정보를 알려준다고 호소하셨다. 그 분이 필요한 정보는, QR 코드를 찍어서 입장하는 그런 앱을..
기타 2023. 2. 15. 11:09
[react-query + formik] React Formik props isSubmitted with react-query mutate not working

현재 컴포넌트의 validate를 편하게 하기위해 react-formik을 사용하고 있고, API의 fetch 관련된 부분은 react-query를 사용하고 있었다. formik 라이브러리 이슈가 계속 발생해서 일단 상황을 프론트엔드 개발자 방에 공유했다.. // React Query 관련 코드이다. const userInfoQueryKey = ['address']; const useAddressQuery = () => { const queryClient = QueryClient.useQueryClient(); return QueryClient.useMutation( async (addressFormData: FormData) => { await postAddressAsync(addressFormData..
FrontEnd 2023. 2. 13. 20:32
[Formik + React Query] 무한 렌더링 (infinite loop) 에 빠지는 현상

보호되어 있는 글입니다.
카테고리 없음 2023. 2. 10. 20:18
[VsCode] 프론트엔드 개발자 유용한 플러그인 모음

보호되어 있는 글입니다.
기타 2023. 2. 10. 16:59
[기타] ChatGPT 와 친해지기 (3)

오늘은 TypeScript 관련해서 질문을 해보려고 한다. export type CalendarFilterOptionType = | { type: 'recentyear' | 'thisweek' | 'thismonth' } | { type: 'custom' | 'thistoday'; from: Dayjs; to: Dayjs }; 이미 만들어져있는 CalendarFilterOptionType type에서 recentyear, thisweek, thismonth, custon, thistoday 들만 뽑아서 타입으로 사용하고 싶었다. 이런식으로 써도 되지만, 이러면 수정이 일어났을 때 CalendarFilterOptionType, SearchTimeSelect 두 가지를 수정해주어야 한다. interface ..
기타 2023. 2. 10. 15:43
[React] React-Query 너무 편해서 눈물난다.

우선 React-Query가 뭐냐 ? ChatGPT 에게 물어보자 React Query는 React 애플리케이션에서 비동기 데이터를 관리하고 업데이트하기 위한 라이브러리입니다. React 구성 요소에서 데이터를 쉽게 가져오고, 캐시하고, 업데이트할 수 있도록 설계되어 사용자에게 원활한 데이터 가져오기 경험을 제공합니다. React Query의 주요 기능 중 일부는 다음과 같습니다. 데이터 캐싱: React Query는 가져온 데이터를 자동으로 캐싱하고 가능한 경우 재사용하여 네트워크 요청 수를 줄이고 애플리케이션 성능을 향상시킵니다. 백그라운드 새로 고침: React Query는 백그라운드에서 자동으로 데이터를 새로 고칠 수 있으므로 사용자가 페이지를 수동으로 새로 고칠 필요 없이 항상 최신 데이터를 볼..
FrontEnd 2023. 2. 8. 17:22
[기타] ChatGPT 와 친해지기(2)

잠시 배포를 돌리는 동안 ChatGPT에게 질문을 해보았다. 프론트엔드 주니어 개발자가 공부해야할 건 뭐냐고 물어보았다. 잘 정리해준다. ㅋㅋㅋ 프론트엔드 개발자가 나을지 백엔드 개발자가 나을지 물어보았다. 프론트엔드는 창의적이고, 사용자 경험에 좋은 디자인을 만드는걸 좋아하면 하라고 하고, 기술적인 문제 해결을 좋아하면 백엔드를 해보라고 한다. 둘 다 경험해보고 자기에 맞는 방향을 찾으라고 되어있다. 애플로그인에 사용할 애플 로고를 추천해 달라고 하였다. (애플 경우 아무거나 사용할 수 없고 홈페이지에 나와있는 규격을 맞춰주여야 App Store에 올릴 수 있다.) AI 모델은 이미지를 생성할 수 없다고 한다. 아쉽다. ㅋㅋㅋ 변수명을 추천해달라고 했다. React Query의 mutate를 사용하고,..
기타 2023. 2. 7. 15:53
이전 Prev 1 ··· 10 11 12 13 14 15 16 ··· 35 Next 다음