TIL - 2022.05.05(원티드 프리온보딩)

분명... 맨날 보던 Todo였는데...

코딩을 하다보면 그럴 때가 있는 것 같다. 분명 시작할 땐 아 그거? 금방하지 이렇게 시작한게
여기서 막히고 저기서 막히고 하다보면 이거 더 넣고 싶은데? 이거 구조가 이상한데? 이러면서 내가 완성하고자 했던 시간과는 저멀리 멀어지는 것 같다.
todo add하는 컴포넌트에서 datePicker를 사용해서 달력이 나오는 버튼을 만들었다.

TIL

Date-and-time 라이브러리

moment가 레거시 프로젝트여서 Date-and-time을 사용하여 데이터에 날짜 포맷을 맞춰주었다.

https://github.com/knowledgecode/date-and-time

React-Router

우리 프로젝트는 todo를 작성하는 폼을 다른페이지에서 구성하였기 때문에 React-Router로 구현되어 있어 해당 페이지를 참고하였다.

https://reactrouter.com/

Refactoring

• 리팩토링 하다(Refactoring) - 일련의 리팩토링을 적용하여 겉으로 보이는 동작의 변화 없이 소프트웨어 구조를 바꾸다.
• 소프트웨어를 보다 쉽게 이해할 수 있고, 적은 비용으로 수정할 수 있도록 겉으로 보이는 동작의 변화 없이 내부 구조를 변경하는 것
  개인적으로 아주 중요한 작업이라고 생각한다.
  코드를 짤때 처음부터 로직을 잘짜는 게 가장 좋다고 생각하지만, 실제 업무때에는 시간에 쫒기는 경우 들이 있다.
  이때 먼저 구현을 목표로 구현을 하고, 이후에 수정하는 것이 나한테 더 잘 어울린다고 생각한다.
  아직 좋은 리팩토링이 어떤건지는 모르겠지만, 다른 사람의 코드를 보고 누가 봐도 좋은 코드를 따라한다면 좋은 코드를 짤 수 있지 않을까?

  https://nesoy.github.io/articles/2018-05/Refactoring