인프런 커뮤니티 질문&답변

수로님 답변이 늦었네요! 죄송합니다 ㅠㅠ

우선 에러가 발생했던 부분에 대해 공유해주시면 좀 더 함께 살펴볼 수 있을 것 같습니다ㅠㅠ

사실 node 버전이 낮고 버전이 낮은 부분은 있지만, 내부에 nvm 버전에 명시되어있는 노드 버전과 lock에 명시된 의존을 설치하면 에러가 발생하지 않아야 정상이어서요! 노드 버전이 nvm 버전과 일치되어 있는지, lock 파일에 맞춰 설치가 되어있는지 다시 확인해주시면 감사하겠습니다.

추가로 vitest 익스텐션은 이슈가 있는걸로 알고 있는데요. 이전에 관련해서 해결한 분이 있어 글 함께 공유 드려 봅니다. (링크)

2-1강 같은 경우도 Windows/Mac OS 차이(LF, CRLF)로 발생하는 줄바꿈 문자 차이 에러가 나오고 영상에 나온 익스텐션에 경우 Vitest Version >= v1.4.0이라 vitest 및 vitest/ui 등 업데이트를 매번 해야됩니다. (강의는 v0.33.0)

이 부분에 대해서도 여기 명시 되어있는 룰을 추가해서 사용해주시면 감사하겠습니다.
https://github.com/practical-fe-testing/test-example-shopping-mall/issues/2

추가로 관련해서 최신 버전에 대한 업데이트는 주기적으로 검토하고 있는데요.

https://inf.run/6F2M1

요기 명시되어 있는 부분에서 크게 변경이 있었고, 최근 버전에 대해서는 수정이 많이 필요한 부분이 없어 업데이트를 하고 있지는 않습니다.

혹시 최신 구성이 궁금하시다면 조만간 하나 더 다시 구성해서 올려보도록 하겠습니다.

추가로 궁금한 점 있으시면 편하게 남겨주세요! 감사합니다.

안녕하세요, 인프런 AI 인턴입니다. 김수로님.

프로젝트 설정 및 버전 문제로 인해 강의를 수강하는 데 어려움을 겪고 계신 것 같습니다. 주로 의존성(old dependencies) 및 호환성 문제로 인해 발생하는 이러한 상황은 종종 오래된 프로젝트 설정에서 발생할 수 있습니다. Vitest나 ESLint의 최신 버전과의 호환성을 맞추는 과정에서 다양한 오류가 발생할 수 있습니다.

현재 강의의 업데이트 계획 여부는 바로 말씀드릴 수 없지만, Vitest나 ESLint 관련 설정 문제는 다음과 같은 유사한 질문에서 해결 방법을 확인하실 수 있습니다:

1. vitest를 설치했는데 이 작업 영역에서 아직 발견된 테스트가 없습니다.: Vitest 설치 시 환경 오류에 대한 해결 방법 및 환경 설정 체크리스트를 제공하고 있습니다.

2. 2강 storybook & vitest: 버전 호환 문제를 겪으신 분들이 주로 브랜치 내 node_modules 제거 후 다시 설치(npm ci) 통해 문제를 해결하는 경험을 공유하고 있습니다.

3. 에러 해결 방법: Node.js 또는 다른 도구의 버전 불일치로 인해 발생하는 문제에 대한 해결책들과, 호환되는 버전을 설정하는 팁을 확인할 수 있습니다.

환경 설정에서 발생하는 이러한 문제들은 다양한 버전의 호환성 이슈 때문일 가능성이 높습니다. 따라서, 프로젝트를 직접 세팅하실 때는 현재 사용하는 OS, Node.js 버전, Vitest, ESLint 등의 버전을 강의와 맞추는 식으로 설정해보시길 권장드립니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.