💡뚝딱뚝딱 만들어보자 ~! :)/Taskify

이번에 프로젝트에서 페이지네이션을 버튼을 구현해봤다.다 구현해보고 나니 나름..? UI와 로직을 잘 분리한 것 같다는 생각이 들어서, 코드를 한 번 가지고 와봤다. 더보기- Next JS app router- tailwind- typescript [ 버튼 UI ] PagiNationButtonexport default const PagiNationButton = ({ currentPage, totalPage, handleCurrentPage, hiddenCount = false, // 두 번째 유형처럼 사용하기 위한 prop}: PagiNationButtonProps) => { return ( {!hiddenCount && ( {totalPage} ..

프로젝트 환경- Next JS _app router- TypeScript- Style : TailWind 중급 프로젝트에서 모달 UI를 맡아서 작업을 하고 있다.다른 모달들은 단순한 UI이기도 하고, 크게 고민할 요소조차 없었다. 그냥 하면 되는 것들. 그런데도, 생각보다 시간이 꽤나 걸렸다.이유가 뭘까, 왜이렇게 속도가 안날까 곰곰히 생각을 해봤다.그 이유는 절대적인 경험 부족이다. 다양한 input type을 구현 해본적이 없었고, 막연하게 쉽게 할 수 있을 것이라고 자만하고 있었다.재사용을 고민하다보니, 공통 input으로 빼기도 애매했고 생각보다 고민에 오랜 시간이 걸렸다.그 중에서도 내가 턱! 하고 막히게 된 input은 바로 file 타입을 가진 input이다. 내가 원하는 대로 input을 ..