To Do List⚡

• UI 구성 작업
• master 브랜치에서 버저닝

Today was...🎯

• toLocaleString() 메소드를 사용해서 손쉽게 숫자에 100 단위마다 콤마 추가가 가능했음
• 일정 영역을 넘어가는 문장을 말줄임표로 축약해서 보여줘야 했다. 기존에 내가 사용하던 방법은 slice() 메소드를 사용하여 일정 단어 이하로 자른 뒤 그 뒤에 ‘...’를 붙여서 표현했었는데 더 좋은 방법이 있었다.

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

  • white-space: nowrap을 통해 줄바꿈이 자동으로 되지 않도록 하고, overflow: hidden으로 특정 width 이상을 넘어가면 넘어가는 부분을 숨겨준다. 그리고 text-overflow 속성을 ellipsis(생략)으로 설정하여 잘린 텍스트를 말줄임표로 표시하도록 한다.
  • 이전에 내가 사용하는 방식은 언어에 따라 잘리는 양이 달라져 UI적으로 통일감을 줄 수 없다. 앞으로는 이 방법을 사용하여 말줄임을 표현해야겠다.