project

지난 1탄에 이어서 datePicker & timePicker 직접 만들기 1탄 에 이어서 기본 적인 달력 틀을 만드는데 필요한 기능들을 하나씩 구현해보기로 했다. 🔸 매 월마다 마지막 날짜가 다르다. 1월은 31일까지있고, 2월은 28일 or 29일, 3월은 3

라이브러리에 의존하지 말자 개발할때 많은 라이브러리를 사용하게 된다. 직접 구현하는 것보다 잘 만들어진 라이브러리를 가져다 사용하는 편이 코드도 깔끔하고 생산성도 높아지기 때문에 적극 활용하는 편인데, 가끔은 직접 구현해야할 때가 있다. 여러 이유가 있을 수 있겠지

select 와 option 의 한계 디자인의 한계 : 프로젝트를 진행하면서 ` 와 ` 을 사용해 목록을 보여주도록 했는데, 내가 원하는 스타일을 적용하는 데 어려움이 있었다. 찾아보니, option 태그는 브라우저가 네이티브한 디자인을 적용하기 때문에 스타일을

<table> 태그는 아래 그림처럼 작은 표를 만들때 사용하는 태그입니다. 이 태그를 사용하면 행과 열로 이루어진 데이터를 구조화하여 표형식으로 보여줄 수 있습니다. <table> 태그는 다음과 같이 기본적인 구조를 갖습니다.<table> 은 전체 표를

노마드코더의 강의를 듣고 정리한 내용입니다. 모든 출처는 아래 링크에 있습니다. https://www.youtube.com/watch?v=HraOg7W3VAM해시는 데이터를 다루는 기법 중 하나로 검색과 저장을 빠르게하는 자료구조이다. 데이터를 저장할때 key

기존에 작성한 Dropdown 코드의 문제점을 나열하자면 아래와 같다.1\. 도메인과 강하게 결합되어 있다 기존 코드는 특정 도메인과 강하게 연결되어 있어서 재사용이 불가능하다. 다른 곳에서 dropdown 이 필요할 경우 매번 만들어서 사용해야 한다는 번거로움이 있었

Error while executing command: npm run build. Reason: exit status 1 갑자기 여태껏 잘 되던 AWS CI/CD 에서 build 단계에서 에러가 발생했다. > COMMANDEXECUTIONERROR: Error wh

토스 Slash 영상을 보면서 내 프로젝트에도 적용해볼 수 있지 않을까 하는 부분이 여러 있었는데 이번에는 useCalendar 훅을 만들어서 한번 적용해보고자 한다. 토이 프로젝트로 Calendeok 이라는 달력을 만들었는데 라이브러리처럼 만드는 것을 목표로 했기 때

개발을 하다보면 자주 사용하는 UI 컴포넌트를 만들때가 가장 어려운 것 같다. 오늘은 그 중 모달 컴포넌트에 대해 어떻게 하면 효율적으로 사용할 수 있을까에 대한 고민과 개선 방법에 대해 적어보려고 한다.모달의 모양은 가지각색이다. 따라서 필요에 따라 모달에 여러 pr

디자이너, 기획자 없이 혼자서 프로젝트를 구상했기 때문에 미처 고려하지 못한 부분이 많았고 개발을 진행할수록 불편함이 커지기 시작했다.그 중 하나가 버튼 컴포넌트인데, 공통 버튼 컴포넌트를 만들어놓고 디자인을 props 로 받아서 처리하다 보니 애플리케이션 전반에 사용