프론트엔드 리액트 개발자 상사의 문제 해결법 고찰

하다하다 안되는게 있으면 미팅 때 상사가 봐준다.

문제를 어떻게 해결 하는가 했더니

  1. 공식 문서에 들어가서 뒤진다.
  2. 사례 코드를 본다
  3. 복붙하고 과감히 내 코드 주석처리하고 적용 해본다.
  4. payload 부터 모든 것을 다 콘솔에 찍어보고 개발자 도구 켜서 확인한다.
  5. 혹은 이전에 개발 되어 있는 다른 대시보드의 코드를 보고 한번 적용해본다.

나는 보면 과감히 적용하는게 잘 안된다.

기존 내가 만든 코드의 그 바운더리 안에서 바꾸는거 였지, 과감히 적용은 아니였는데,

앞으로는 그렇게 한 번 해봐야겠다.

 

mui 관련해서 validateDom 이라고 하면서 p 나 div는 누구의 자식이 될 수없다 이런 소리 나오면 무조건

Typhography나 지금 내가 쓰고 있는 테이블 아래의 자식에 혹시 box 가 들어가 있는지 체크해보자..

그리고 unique 키 값은 번거로워서 chatgpt 돌렸더니 해결 됬다.

 

이번에는 모달의 문제, 모달을 띄웠는데 자꾸 warning 으로 unique id값 넣으라고…

그래서 unique value 전달했는데도 이새끠가 자꾸..

그래서 상사에게 물어보니 모달 자체에도 open && 이라는 컨디션 체크를 해야한다고 함.

보이지 않지만 얘도 외부에서 조건을 걸어주어야 한다는것..

보이지 않아도~~ 알아요~~~~ 뭘 알아 ㅠㅠ ㅋㅋㅋ

오늘도 배웁니다. 상사 리스펙!

 

오늘도 상사는 내가 하루종일 붙잡고 있던 문제에 대해서 5분도 안되서 해결했다 ㅠㅠ

React router dom 공식 문서 하루 종일 뒤지고,

심지어 밥 먹고 나서 공식 문서 보는데, 무슨 청소기 설명서 읽는 것 같은 느낌이였음.

적용했는데 안 되서 ㅠㅠ 챗지피티 검색하고 구글링하다가 발견한 것

경로 뒤에 / 를 붙이면 자꾸 404 에러가 뜨는데 request url이 정상 url과 다른 것이다.

그 단어가 앞에 붙여지는 현상… 그래서 이건 백엔드에서 해줘야 하는건가 봉가 하고 메세지까지 남겼는데 상사가 보더니,

아 이거 경로 어디있냐고 앞에 다 / 붙이라고 해서 했더니, 잘 되더라…?ㅠㅠ

api 경로 앞에 꼭 / 붙이자 짝대기!!!!!

 

무튼 protected route에서도 로그인 상태에서 페이지 리프레시 하면 기존 메인 대시보드가 보이도록 route index 설정해줘야 하고 그 안에서도 에러가 발생하면

errorElement를 통해서 pageNotFound 처리를 해주어야 한당.

 

하루 하루가 배움의 연속.

더 많이 배워서 성장하게 해주세여!

컴공 지식의 필요함과 많은 경험이 필요함을 느끼는 순간.

상사는 상사이더이다

 

백투 UI

찾아가면서 배운 것 기록!

값 싹 비워주기는 onFocus 사용!

typeof 로 꼭 찍어보기, true false boolean인데 string으로 받아서 자꾸 UI가 작동하지 않는 오류가 있었다.

다른 애한테 자꾸 뭐 감 내놔라 배 내놔라 하지 말라고~!
이번에 신중하게 typeof를 체크하며 코드 작성 중~
비번 양식에 맞지 않을때 백에서 에러 메세지를 던져주는데 너무 길어서 UI를 다 망가트린다
그리서 string형식에서 마침표를 기준으로 문장을 잘라내고 split(‘.’) 배열이 된 0번째를 보여주기로 했다.
그런데 백에서는 첫번쨰와 두번째 비번이 같은지 체크를 하지 않아서 프론트에서 해줘야 하는데,
조건식을 잘못 써서 그런지, 초반에는 위의 조건을 체크하나, 이후에 비밀번호를 다르게 적어도 체크 되지 않는 문제점이 있었다.
그래서 useEffect를 활용해서 error의 state에 다를 경우 띄어주는 메세지를 설정하니 api를 fetch하는 중간에도 비밀번호가 다르다면 메세지를 잘 전달해주고 있다.
내가 작성한 조건문에 따라 어떨때는 UI나 기능이 멈춰버리기도 하고, 조건을 이 방법 저 방법 테스트 해보면서 찾아가는게 답일듯..
물론 상사에게 질문하면 좋겠지만 상사도 워낙 바쁘시고 이 정도는 6개월 짬밥인 내가 해야하겠지!?
그리고 왜그런지 모르겠지만 정성들여 이쁘게 단장해준 FreeAudit의 UI 반응형이 좀 망가져있다 ㅠㅠ
물론 상사가 디자인부분인 것을 추가한것도 있겠지만, 비율이 아닌 px로 먹여서 그런가 ㅠㅠ
무튼 scroll down 버튼도 다시 만져봐야 할것 같고 이 기회에 useRef에 대해 재 정리 하길!

Leave a Comment