개발 관련 학습 및 문제해결57 꼼꼼한 문서 업데이트는 개발시간을 줄여준다[메가테라 22주차 주간회고,프로젝트 6주차 주간회고] 이번주 한 것 태스크 세부 태스크 예상 스토리 포인트 실제 스토리 포인트 1. 기획서 UI 완성 그래마 페이지 완성 그래마 어드민 완성 기초 템플릿 완성 기초 템플릿 어드민 완성 실전 템플릿 완성 실전 템플릿 어드민 완성 2. 그래마 유저 페이지 테스트코드 작성 스토어 테스트 코드 작성 1 2 페이지 테스트 코드 작성 1 1 3. 그래마 유저 페이지 코드 작성 API 서비스 코드 작성 2 2 4. 그래마 어드민 페이지 테스트 코드 그래마 어드민 폼 스토어 테스트 코드 작성 3 2 페이지 테스트 코드 작성 2 1 그래머인트로덕션 컴포넌트 테스트 코드 1 1 컨펌모달버튼 테스트 코드 작성 1 1 그래머 어드민 크리에이트 페이지 테스트 코드 작성 1 1 5. 그래마 어드민 페이지 작성 인트로 페이지 수정 2 .. 2022. 11. 28. 좋은 개발자란 무엇인가? 뇌피셜 그리기[20221127-TIL] 좋은 개발자? 그게 뭘까? 나는 매년 OKR을 작성한다. 그리고 또 분기별로 또 나누어 한 해의 목표를 달성하기 위해 작은 OKR들을 작성하는데 올해 초 메가테라 코스를 시작하기 전 즈음 연봉을 이 정도 받는 개발자 되기라고 쓰여 있었던 것 같다. 연봉을 나의 가치를 대략적으로 알려주는 수단이라고 한다면 그럼 연봉을 많이 받는 좋은 개발자는 대체 뭘까??? 정말 한참 동안 감도 오지 않다가 그래도 이제 포트폴리오를 마치고 다시 취업시장에 나가야 하는 입장으로써 내가 무엇이 되고 싶은지를 구체적으로 떠올려보는 것이 중요하다는 생각에 한 번 정리한 그 기준을 적어보려고 한다. 1. 내 작성한 모든 코드에 대해 테스트 코드가 모두 있다. 트레이너 분께서는 신입 개발자인 우리가 TDD를 할 줄 알 거라곤 아무도.. 2022. 11. 27. PATCH 로 객체 수정 후에도 프론트에서 즉시 반영이 안되는 현상/동기 비동기처리 [20221126-TIL] 원인 1.동기 비동기처리 원리 동기 비동기 처리의 개념을 알아야한다. Api서비스에서 async await 로 받아온 객체들은 apiService 함수를 가져다 모든 하위 컴포넌트에서 async await의 적용이 필요하다. Apiservice에서 async await 처리 async patchIntroduction(introduction) { const url = `${baseUrl}/admin/grammar-introduction`; await axios.patch(url, { introduction, }); } 그것을 받아오는 스토어에서도 async await 처리 async patchIntroduction( introduction, ) { await grammarAdminApiService.pat.. 2022. 11. 26. useEffect 무한 렌더링 문제, forceUpdate 후에도 계속 이전 텍스트가 화면에 남는 문제 [20221125 -TIL] 오늘은 이전부터 자주 겪었던 useEffect 의 무한 렌더링 문제와 화면에 계속 이전 데이터가 남아있는 문제를 해결해서 적어보려고 한다. 사실 자주 겪었던 고통이라 꼭 한 번 정리했어야했지만 여태 잘 이해를 하지 못해 제대로 정리를 못했었다. useEffect 무한루프 문제 useEffect 내부의 함수가 계속 렌더링 되어 콘솔을 찍어보면 한없이 렌더링되고 있는 것을 볼 수 있다. 이건 주로 2가지 문제로 나뉘는데 1. useEffect의 두번째 인자를 넣지 않음 ( 종속되는 배열이 없을때) useEffect(() => { console.log('is Listening'); forceUpdate(); }); useEffect에 두번째 인잘르 넣지 않았을때에는 아래와 같은 상황에서 useEffect가 실.. 2022. 11. 25. 이전 1 2 3 4 5 6 7 ··· 15 다음
