728x90 반응형 CSS2 CSS _ 헷갈 속성 정리 1. overflow : 요소의 내용이 박스보다 더 길 때 어떻게 보일지 선택하는 속성. - visible : 기본값. 내용이 더 길어도 그대로 보임(내용이 흘러 넘침) - hidden : 내용이 넘치면 자름. 자른 부분은 보이지 않음. - scroll : 내용이 넘치지 않아도 항상 스크롤바가 보임. - auto : 내용이 넘칠 때만 스크롤바가 보임. 2. flex : display 속성 중 하나. : 요소의 크기가 불분명하거나 동적인 상황에서도 각 요소를 정렬할 수 있는 효율적 방법 제공. flex는 2개의 개념으로 나눌 수 있다. HTML상에 보일 요소인 Items와, Items를 감싸는 부모 요소인 Container. (Items를 정렬하기 위해서는 Container가 필수적) 주의할 점은 Cont.. 2021. 3. 14. 리액트를 다루는 기술 _ 9장 폭풍 같던 Hooks를 지나.... 오늘도 뚠뚠뚠... 9장. 컴포넌트 스타일링 아무리 디자인에 무심한 편이라 해도... 지금껏 만든 컴포넌트들은 눈 뜨고 봐줄 수준도 못된다! 그나마 좀 괜찮은 디자인을 위해 → 컴포넌트 스타일링 방법을 배워볼 예정. 오늘 해볼 방식은 총 4가지! - 일반 CSS : 컴포넌트 스타일링의 가장 기본적인 방식. - Sass : 확장된 CSS 문법을 사용해 CSS 코드를 더욱 쉽게 작성할 수 있도록 도움. - CSS Module : 스타일을 작성 시 CSS 클래스가 다른 CSS 클래스 이름과 절대 충돌하지 않도록 고유 이름을 자동 생성. - styled-components : 스타일을 JS 파일에 내장 → 스타일 작성과 동시에 해당 스타일이 적용된 컴포넌트를 만듦. 오늘도 c.. 2021. 3. 11. 이전 1 다음 728x90 반응형