경북대 FE_정지원 5주차 과제 STEP2~3

[Diwoni]

경북대 FE_정지원 5주차 과제 STEP2~3

시간적 여유가 없어, chatGPT 도움을 많이 받았던 과제였던 것 같습니다.

그래도 그 과정에서 mock 핸들러를 구현할 때 코드 틀을 짜는 것에 대해 손에 익힐 수 있었고,

중간부터는 스스로 구현할 수 있는 부분은 해보았던 것 같습니다.

Step1 에서 결제 페이지의 통합 테스트는 실패하였는데, 주말에 다시 한 번 수정해볼 생각입니다 :)

[minsekim1]

안녕하세요 지원님!
다음주면 벌써 마지막 회차네요.

전체 코드리뷰

• 전체적으로 잘 작성되었습니다. 각각의 컴포넌트화 및 공통함수들을 잘 처리해주셨고 에러처리부분도 깔끔합니다. 테스트 코드 또한 시나리오가 잘 나타내졌다고 생각이 듭니다.

README.md 퀴즈

질문 1: 테스트 코드를 작성해보면서 좋았던 점과 아쉬웠던 점

• 평가: Test code를 작성하면서 MSW 서버 설정과 테스트 환경 설정에 어려움을 겪었다는 점을 언급하신 부분은 매우 현실적이며, 실제 개발 환경에서도 많은 개발자들이 겪는 도전입니다. 테스트 코드를 작성하면서 오류 발생 시 에러 로그를 해석하는 것이 어렵다는 점을 지적한 것도 적절하며, 이는 테스트의 복잡성 및 디버깅 과정에서 빈번하게 경험하는 문제입니다. 구글링과 챗GPT를 활용하여 문제를 해결하려는 노력은 매우 바람직합니다.
• 추가 코멘트: 테스트 코드 작성 시, 초기에는 작은 단위부터 시작하여 점진적으로 범위를 넓혀가는 것이 좋은 접근법입니다. 세부적인 기능을 검증하는 것도 중요하지만, 너무 복잡한 테스트는 디버깅을 어렵게 만들 수 있습니다. 따라서, 테스트할 때는 핵심 기능이나 잘 변하지 않는 부분에 집중하고, 자주 바뀌는 페이지나 요소는 작은 단위의 테스트로 관리하는 것이 좋습니다.

질문 2: 스스로 생각했을 때 좋은 컴포넌트란 무엇인지 본인만의 기준

• 평가: 좋은 컴포넌트의 기준을 제시하신 부분이 명확하고 실용적입니다. 재사용성과 낮은 종속성에 중점을 둔 점, 그리고 테스트 용이성을 고려한 컴포넌트 설계는 매우 중요합니다. 이는 실제 개발 과정에서 컴포넌트를 효과적으로 활용하고 유지보수하기 위해 필수적인 요소입니다.
• 추가 코멘트:
  좋은 컴포넌트의 기준으로 여러가지가 있습니다. 아래에서는 3가지 정도 정리해보았습니다. 지원님께서 말씀해주신 부분과 상당부분 일치합니다 :)

1. 테스트 가능성: 테스트가 용이한 컴포넌트는 유지보수와 디버깅에 있어서 큰 장점을 가집니다.
2. 컴포넌트의 확장성, 유연성: '확장성'과 '유연성'에 대해서도 언급하면 좋습니다. 변화하는 요구사항에 따라 쉽게 수정 및 확장할 수 있는 컴포넌트는 프로젝트의 장기적인 성공에 중요한 역할을 합니다.
3. 컴포넌트의 독립성: 컴포넌트의 의존성을 최소화하여 독립적으로 동작할 수 있도록 하는 것도 중요합니다

질문 3: 스스로 생각했을 때 공통 컴포넌트를 만들 때 가장 중요한 요소 2개

• 평가: 공통 컴포넌트를 만들 때 가독성과 분리성의 중요성을 강조하신 부분은 매우 적절합니다. 가독성 높은 코드와 적절한 컴포넌트 분리는 코드 유지보수와 협업 시 매우 중요합니다.
• 추가 코멘트:
• 가독성을 높이는 것은 협업을 원활하게 하고 코드의 품질을 유지하는 데 도움을 줍니다. 분리성 또한 중요하지만, 너무 세부적으로 분리할 경우 파일 관리가 복잡해질 수 있습니다. 이 두 요소의 균형을 맞추는 것이 중요하며, 이를 통해 효율적인 코드 관리와 유지보수가 가능합니다.

마지막 코멘트

• 5주간 고생하셨고, 다음주는 마지막 협업 주간으로 알고 있습니다. 다음 마지막 한 주까지 화이팅입니다!