[TIL] 53일차

오늘 한 일

1. 예외 처리 안된 부분들 코드 수정

• Diary.js → 다음 달은 기록이 없는데, 기록이 출력되는 문제 해결 + 월이 바뀔 때마다 새롭게 요청하도록 수정
• 로그아웃 후 메인으로 이동 시 알림 설정 팝업 뜨는 코드 수정
• Diary.js → 저번달 특정 일자의 기록 열람 후 다이어리 페이지로 돌아 왔을 때 해당 월로 불러오도록 수정
• (location.year, location.day 사용)
• 로그인 유도 팝업창에서 예를 눌렀을 때 팝업창 꺼지고, 로그인 페이지로 이동하도록 코드 수정
• 로그인 후 다이어리 페이지 접근 시 token이 없다고 뜨는 경우 → localStorage.getItem("token")을 Diary.js 컴포넌트 에서 diary 함수 안으로 이동 시킴

2. 오후 7시 회의 진행

• 디자이너 분들과 시안 어떻게 되고 있는 지 브리핑 해주시고, 수정 할 부분은 수정하도록 회의
• 다음 주 CSS 작업 어떻게 진행 할 지 일정 회의 진행
• asmr 페이지에서 사용 할 음원 검색 (팀장님이 해주셨습니다)

3. 메인 페이지 - Category 컴포넌트 생성, Navigation 컴포넌트 style 구현

 

4. 새로 알게된 점

• 이미지 다운 받아서 사용 할 때 jpg, png는 px 단위라서 크기를 줄이는 건 상관이 없으나 크기를 늘리게 될 경우
  이미지가 깨진다! svg를 사용하면 크기를 늘리던 줄이던 상관없이 선명한 이미지로 사용 할 수 있다.
  (코드를 사용해서 style도 변경 가능하고 자바스크립트 코드도 사용 할 수 있다고 한다.)
• 피그마에서 이미지 다운로드 받기
  : https://sumini.dev/guide/008-how-to-export-svg-from-figma/ 참고했다!
• text-align : center만 있는 게 아니라 text-align : left도 있다는 점을 잊지 말자. (간과했다... CSS는 너무 어려워!!)

• z-index를 사용하면 수직으로 맨 위, 맨 아래에 배치 할 수 있게 한다.

  

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Adding_z-index

z-index 적용 - CSS: Cascading Style Sheets | MDN