[Thurs/30/12/2021] Today I Learned

 

React mini project

(1) moment.js 이용하여 Date & Time 표시하기

생성 날짜와 시간을 표시

moment.js 라이브러리를 활용해서, 영화 카드를 생성했을 때의 시간을 표시할 수 있도록 했다.

또한 Detail 페이지에서는 영화를 수정했을 경우 Last modifed 라고 표시되며 가장 최근에 수정된 시간이 표시되도록 했다. 

사실 이것을 이용한 이유는 format을 좀 더 간편하게 적용하기 위한 것도 있지만 sort 기능을 적용하고 싶어서도 있었는데, 그 부분은 아직 적용하지 못했다. 어떤 방식으로 할 지 고민이 있었기 때문이다. 내일 다시 시도할 예정이다. 

 

(2) heroku를 이용하여 배포하기

오늘 가장 많은 시간을 들였던 배포하기. json server를 적용하면서 배포를 하려니 생각보다 까다롭고 해야 할 게 많았다.

3-9. 최적화 및 히로쿠에 디플로이하기 · GitBook

위 사이트의 배포 부분을 참고해서 했는데, 계속해서 에러가 났다. 

모듈 파일 다 삭제하고, 다시 깔고를 반복하고, stackoverflow에 에러를 검색하고를 몇 시간 한 결과! 다행히 잘 배포가 되었다. 

이 과정에서는 예진 멘토님의 공이 크다! 

터미널에 에러가 잔뜩 떴는데, 사실 에러가 나도 아직 익숙치 않아 에러를 어떻게 해결해야 할지 감을 잘 못 잡고 있었는데 길잡이가 되어주셨다.

오늘이 마지막 멘토링 날이었는데 후기를 최대한 솔직하게, 잘 남겨 드렸다.

 

(3) 모바일 화면 최적화

모바일 화면에서 Detail 페이지의 레이아웃과 디자인을 좀 더 낫게 바꿔주었다. 

 

---

 

시간 관리를 좀 더 체계적으로 하기 위해서 구글 캘린더를 이용하기로 했다. 

예전에도 시도해 봤었는데, 이번엔 좀 더 적극적으로 활용해 보려고 한다.

기존에는 종이 플래너와 노션을 사용해서 스케쥴을 관리했는데, 시간대별로 내가 무엇을 할 것인지, 그리고 위클리로 볼 수 있어서 구글 캘린더가 좀 더 편리하다고 느껴졌다.