전남대 FE_강예람_1주차 과제 Step 2,3

[yeramm]

안녕하세요. FE 1주차 과제 Step2,3 올립니다.

정말 죄송한 말씀이지만, 사실 Step2의 대부분을 수행하지 못했습니다.

storybook을 설치한 후 실행하니 위와 같은 오류가 발생했고,
이를 해결하기 위해 여러 자료를 살펴보았지만 해결하지 못한 상황입니다.

컴파일 자체가 안되니 이후 과제도 진행하지 못했고 그리하여 미완료된 과제를 올리게되었습니다.
낮 시간에 미리 코치님께 여쭤보았어야 했는데 그러지 못해 정말 죄송합니다.

[wacilpong]

에러는 eslint-config-prettier가 없거나 문제가 있어서 나는 에러로 보이는데요. 아래대로 의존성을 추가하고 eslint 설정파일을 수정했을 때는 발생하는지 확인해주실 수 있을까요?

npm install --save-dev eslint-config-prettier

// .eslintrc.json
...
extends: [
  ...
  "eslint-config-prettier"
]
...

[yeramm]

네.. 의존성을 추가해도 같은 오류가 발생합니다 ㅠㅠ

[yeramm]

1. package.json 파일 수정
2. npm remove eslint @typescript-eslint/parser @typescript-eslint/eslint-plugin 으로 eslint 관련 모든 파일 삭제
3. npx eslint --init으로 eslint 재설치
   위 과정을 하니 기존 오류는 발생되지 않았습니다만

아래 오류가 새롭게 떠서.. 해결 중입니다..

[wacilpong]

@yeramm
예람님~ 본래 프로젝트 설정하는 부분이 가장 어려운 것이 사실입니다!
그래서 실제 스펙을 개발하는 것과 달리 설정부분은 best practice와 정답이 반드시 존재하는 부분이니만큼,
오픈소스 코드나 다른 멘티분들의 소스코드를 참고해서 확인해보는 것도 좋은 답안일 수 있습니다.

설정하는 작업에서 소위 삽질을 너무 오래 하는 것은 신입레벨에서는 시간사용에 있어서 조금 아쉬울 수 있습니다.
시간은 한정적이고 배워야할 것은 너무 많으니까요~
한정적인 시간 내에서 해결해야 한다면, 스토리북이 설정된 오픈소스나 다른 멘티분들 PR을 참고해보시면 어떨까요?

[yeramm]

넵 감사합니다 ㅎㅎ 오픈소스나 다른 PR 많이 참고해보겠습니다!

[wacilpong]

@yeramm
넵넵! 하지만 문제를 파고드는 부분은 개발자에게 있어서 정말 중요한 부분이라
잘 하고 있다고 생각합니다 👍👍

다만 과제진행에 있어서 말씀드린 것이니 참고해주세요 ㅎㅎ