2022-05-27

• kb 팀 과제에서 ui 부분을 맡았기 때문에 알게된 내용이 css 위주인 날이다.

css

font-style

• 글꼴이 글꼴 계열의 일반, 기울임꼴 또는 비스듬한 면을 사용하여 글꼴을 스타일링해야 하는지 여부를 설정합니다.
• font-style
  • nomal : 일반 모양
  • italic : 오른쪽으로 기울어진 모양
  • oblique : 오른쪽으로 기울어진 모양
• italic 과 oblique 의 차이
  • italic : italic 체로 디자인된 폰트 사용
  • oblique : 기본 폰트를 기울인 것

참고

• font-style
• [글꼴 스타일](https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=muri1004&logNo=221024325764
• font-style: italic vs oblique in CSS

letter-spacing

• 글자 사이의 간격 조절
• 기본 설정 : letter-spacing : normal
• 수치를 통해 자간을 조절할 수 있다. (px, rem ...)

유사

• word-spacing
  • 단어와 단어 사이, 태그와 태그 사이의 거리를 설정 (자간)
• `line-heignt
  • 줄 간격
  • 보통 글을 수직 가운데 정렬할 때 사용`

참고

• letter-spacing
• word-spacing

list-style-type

• 리스트 아이템 요소의 마커를 설정한다.
• 기본 설정 : list-style-type : disc;

참고

• list-style-type

tsx

인덱스 시그니처

• 과제 진행 중, json 파일 내의 데이터를 화면애 출력하는 과정에서 key값이 string인 value를 불러와야 하는 상황이었다.
• 이를 해결하기 위해 json에서 데이터를 가져오고, 타입으로 정의된 새 변수에 복사를 해주고, 그 데이터를 사용했다.
• 다른 방법을 찾을 수 없어 위와 같은 방법을 사용했는데, 다른 방법을 사용하면 될 듯한데 모르겠다..

참고

• [TIL] 2022-05-19