React Todo App

    Github2026-021명(Frontend-1)

    할 일을 추가, 삭제, 완료 처리할 수 있는 Todo 앱

    Skills
    ReactJavascriptReduxReact RouterStyled Componentsgitgithub

    Todo List

    • Redux로 todo 데이터를 전역 상태로 관리하고 추가, 삭제, 완료 상태 변경 기능 구현
    • WORKING / DONE 목록을 분리하여 isDone 상태에 따라 필터링하여 표시

    Todo Detail

    • React Router의 동적 라우팅(:id)을 활용하여 각 todo의 상세 페이지 구현
    • useNavigate로 이전 페이지로 돌아가는 네비게이션 처리

    Responsive Layout

    • Styled Components 내 미디어 쿼리 헬퍼(breakpoints.js)를 모듈화하여 일관된 반응형 스타일 관리
    • 태블릿(768px) 이하에서 WORKING / DONE 섹션이 세로로 배치되도록 grid 레이아웃 조정