Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[6팀 방재현] [Chapter 2-1] 클린코드와 리팩토링 #50

Open
wants to merge 38 commits into
base: main
Choose a base branch
from

Conversation

CRITICBANGGU
Copy link

과제 체크포인트

기본과제

  • 코드가 Prettier를 통해 일관된 포맷팅이 적용되어 있는가?
  • 적절한 줄바꿈과 주석을 사용하여 코드의 논리적 단위를 명확히 구분했는가?
  • 변수명과 함수명이 그 역할을 명확히 나타내며, 일관된 네이밍 규칙을 따르는가?
  • 매직 넘버와 문자열을 의미 있는 상수로 추출했는가?
  • 중복 코드를 제거하고 재사용 가능한 형태로 리팩토링했는가?
  • 함수가 단일 책임 원칙을 따르며, 한 가지 작업만 수행하는가?
  • 조건문과 반복문이 간결하고 명확한가? 복잡한 조건을 함수로 추출했는가?
  • 코드의 배치가 의존성과 실행 흐름에 따라 논리적으로 구성되어 있는가?
  • 연관된 코드를 의미 있는 함수나 모듈로 그룹화했는가?
  • ES6+ 문법을 활용하여 코드를 더 간결하고 명확하게 작성했는가?
  • 전역 상태와 부수 효과(side effects)를 최소화했는가?
  • 에러 처리와 예외 상황을 명확히 고려하고 처리했는가?
  • 코드 자체가 자기 문서화되어 있어, 주석 없이도 의도를 파악할 수 있는가?
  • 비즈니스 로직과 UI 로직이 적절히 분리되어 있는가?
  • 코드의 각 부분이 테스트 가능하도록 구조화되어 있는가?
  • 성능 개선을 위해 불필요한 연산이나 렌더링을 제거했는가?
  • 새로운 기능 추가나 변경이 기존 코드에 미치는 영향을 최소화했는가?
  • 리팩토링 시 기존 기능을 그대로 유지하면서 점진적으로 개선했는가?
  • 코드 리뷰를 통해 다른 개발자들의 피드백을 반영하고 개선했는가?

심화과제

  • 변경한 구조와 코드가 기존의 코드보다 가독성이 높고 이해하기 쉬운가?
  • 변경한 구조와 코드가 기존의 코드보다 기능을 수정하거나 확장하기에 용이한가?
  • 변경한 구조와 코드가 기존의 코드보다 테스트를 하기에 더 용이한가?
  • 변경한 구조와 코드가 기존의 모든 기능은 그대로 유지했는가?
  • 변경한 구조와 코드를 새로운 한번에 새로만들지 않고 점진적으로 개선했는가?

과제 셀프회고

과제에서 좋았던 부분

과제를 하면서 새롭게 알게된 점

과제를 진행하면서 아직 애매하게 잘 모르겠다 하는 점, 혹은 뭔가 잘 안되서 아쉬운 것들

리뷰 받고 싶은 내용이나 궁금한 것에 대한 질문

JaeHyunBang-plea and others added 30 commits January 8, 2025 01:12
- 상품 리스트 (PRODUCT_LIST) 선언

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

혹시 const와 let을 쓰지 않고 var을 그대로 남겨두신 이유가 있을까요~!

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

수정을 못했네요..! var사용은 전역으로 사용하는 것 아니면 사용하지 말자! 가 목표였는데 수정을 못하고 함수만 분리했습니다..! 감사합니다:)

target.classList.contains("quantity-change") ||
target.classList.contains("remove-item")
) {
handleDeleteToCart(target);

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

handler 이전에 if 문으로 조건을 걸러내는 방법도 있네요ㅎㅎ,,👍🏻👍🏻

for (var j=0; j < prodList.length; j++) {
if(prodList[j].id === cartItems[i].id) {
curItem=prodList[j];
for (var j = 0; j < prodList.length; j++) {

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

const curItem = prodList.find(product => product.id === cartItems[i].id);
명령형 구조를 선언형 구조로 바꿔 보시면 깔끔하고 의도가 명확해질 것 같습니다!

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

해당 파일은 테오의 코드입니다 :) 배열의 요소를 순회하는 코드는 forEach 같은 함수로 처리하는걸 목표로 하고 있지만 꽤나 쉽지 않은것 같아요 ㅠ for문에 익숙해져서요 ㅠ...! 의견 감사합니다 :)

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

허걱 그렇네요 ㅠㅠㅠㅠ

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

이렇게 함수로 빼서 element 생성하니까 넘 깔끔해보이네요! 🥹

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants