Git Product home page Git Product logo

todolist's Introduction

Card 컴포넌트 분리

#CardComponent.jsx

-경로 src/component/CardComponent.jsx

-이유 처음에는 working card와 done card를 완전 분리를 했다가, props전달이 너무 많아지고, 겹치는 부분이 많아 합쳤습니다. '완료','취소'버튼 부분만 다른데, 이 부분은 if조건문으로 다르게 렌더링해주었습니다.


헤더 컴포넌트 분리

$Header

-경로 src/component/Header.jsx

-이유 이 프로젝트는 규모가 작지만 규모가 큰 프로젝트에서는 header와 footer를 분리한다고 하여 분리했습니다.


배포 링크

https://todo-list-ver2.vercel.app

todolist's People

Contributors

nsong113 avatar

Watchers

 avatar

todolist's Issues

lv2 과제 리뷰 - 주철민

보면서 정말 기초가 탄탄하신 분이라는 것을 다시 한 번 느꼈습니다.
특히 불필요한 리렌더링을 막기 위해, useMemo, useCallback과 같은 Memoization 기능을 넣으셔서 성능 최적화 하신 부분은 정말 많이 배웠습니다.

CSS도 정말 깊고 넓게 아시는 게 느껴지는 게, px,%,vw,vh 다 쓰시더라구요. 그리고 저는 그저 display : flex만 할 줄 아는데, position도 다양하게 다루셔서 코드 보며 많은 공부가 됐습니다.

가장 인상적인 건, 배운 것을 최대한 활용하려고 하시는 마인드셋을 보며, 무한한 리스펙을 느꼈습니다.

딱 한 가지 아쉬운 건

  1. let과 var가 중간중간 있는 것 같던데, 나중에 규모가 커질 때 이런 곳에서 알 수 없는 에러가 갑자기 터질 수 있으니 특정 상황이 아니면const로만 구성하시는 게 좋아보입니다.

아주 눈이 즐겁고, 많이 배울 수 있던 코드리뷰였습니다.

수고하셨습니다. !!

Lv1 페어로 코드리뷰 이슈

  • Bootstrap을 적절히 사용해서 카드가 보기 좋고 화면 가독성이 좋습니다.

  • 데이터 초기값을 파일로 분리하여 깔끔해 보입니다.

  • 유효성 검사 기능으로 UX가 잘 고려되었습니다.

  • 삭제와 취소/완료 버튼 사이에 아이디 값이 노출되어 가리거나 위치를 옮기면 좋을 것 같습니다.

  • 취소/완료 버튼기능 함수와 return의 코드가 반복되어 축약할 필요가 있어 보입니다.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.