[프리프젝] 0415 작업 로그

Hyun Jin·2023년 4월 15일
0

업무 분석

회원가입 - 유저플로우, 핵심기능, 부기능, 추가 기능 정리, 로컬에서 페이지 골자 짜기 중

설정

로컬에서 main 을 깃 pull 해와서 npm i 해서 실행함

일단 로컬로 컴포넌트를 만들어보고 나중에 브랜치 따면 넣어볼 생각임

에러 로그

  1. ⚠️ Replace onPerfEntry with `(onPerfEntry) ..?
    1. 해결방법 : reportWebVitals.js 에서 위의 on 어쩌구를 못불러오길래 index.js 에서 reportWebVitals.js 을 주석처리해놨다. 왜지? 해당 파일은 사이트 성능을 측정할 수 있게 해주는 역할을 한다고 한다. 필수는 아닐것 같아서 일단 주석처리해놨는데, 테스트 이후 리팩토링할때 쯤 다시 고려해 볼까 싶다…
    2. 참고 링크 : https://create-react-app.dev/docs/measuring-performance/
    3. ✅ 해결방법 : (onPerfEntry) 로 바꾸니까 해결되었다.. eslint 를 적용하면서 생긴 syntax 에러인 것 같다.
  2. ⚠️ 로 input 에 label 을 주려고 했는데 에러가 남
    1. ✅해결방법 : for 대신 htmlFor 사용하기.
    2. 이유 : JSX 에서는 for 가 for 반복문의 예약어이기 때문임
    3. 해결방법 참고 링크 : https://timmousk.com/blog/react-label-for/
  3. ⚠️ **Error: A form label must be associated with a control.**
    1. ✅해결방법 : .eslintrc.json 파일에 아래 rule 추가.

      "jsx-a11y/label-has-associated-control": [
            2,
            {
              "labelAttributes": ["htmlFor"]
            }
          ]
    2. 해결방법 참고 링크 : https://leo-xee.github.io/Error/eslint-label/

  4. [DOM] Input elements should have autocomplete attributes (suggested: "current-password"): (More info: https://goo.gl/9p2vKq)
    1. 로 바꿔줬음… 되긴하는데
    2. ~
  5. [eslint] src/Pages/Signup.js
    ' can be escaped with ', ‘, ', ’
    react/no-unescaped-entities
    1. ✅해결방법 : ' 를 사용하면 됨!
    2. 이유 : JSX 에서 ‘ 를 그냥 사용할수 없나보다… 점점 졸려서 내일 찾아봐야겠다.
profile
새싹 프론트엔드 개발자

0개의 댓글