10/11일 오늘 구글링 한 내용 (Prettier Option, CSS)

Prettier : 코드 스타일 자동 정리 도구

자동 정렬, 자동 세미콜론 추가, 큰따옴표로 통일 등등

이러한 스타일을 쉽게 커스터마이징 할 수 있다.

- "trailingComma" : 항목의 나열에서 마지막 항목에도 콤마를 붙이는 코딩방식

- "printWidth" : 줄 바꿈 할 폭 길이

참고 - https://velog.io/@kyusung/eslint-prettier-config

 

 

---

em, rem은 무엇인가?

em단위는 상대 길이 단위로 요소의 글꼴 크기와 관련되어있다. 지정된 요소의 font-size의 배수

rem단위는 root em이라는 말 그대로 최상위 요소의 font-size에 대한 em단위 이다.

참고 - https://velog.io/@ursr0706/em%EB%8B%A8%EC%9C%84%EC%99%80-rem%EB%8B%A8%EC%9C%84-523lgn8l#rem

 

---

.container{

　display: flex;

　justify-content:center

}

display: flex )  컨테이너 안의 아이템 요소들을 병렬로 정렬시킨다.

justify-content:center ) 컨테이너 안의 아이템 요소들을 가운데로 정렬시킨다.

참고 - https://studiomeal.com/archives/197

이번에야말로 CSS Flex를 익혀보자

 

---

.container{

　overflow:hidden

}

overflow:hidden ) 컨테이너 안 아이템 요소들이 넘치면 보이지 않게 한다.

참고 - https://offbyone.tistory.com/296

CSS - overflow 속성 사용하기