CSS 란 무엇입니까?

CSS는 "스타일"을 강조하는 Cascading Style Sheets의 약자입니다. 동시에 HTML은 웹 페이지의 구조입니다. CSS는 프로젝트의 레이아웃과 디자인을 만드는 데 도움이 됩니다. CSS가 없으면 웹사이트가 서로 다르게 보이는 데 어려움을 겪을 것입니다. 그러나 순수한 CSS를 사용하는 것은 지루하고 때로는 작성하는 데 스트레스가 됩니다.

<p> this is a paragraph</p>

CSS는 어떻게 작동합니까?

CSS는 HTML 요소와 상호 작용하여 웹 페이지에 스타일을 부여합니다. 개별 HTML 태그는 보다 광범위한 응용 프로그램의 작은 구성 요소로 간주될 수 있습니다. 예를 들어 CSS는 p 태그를 사용하여 요소의 색상과 크기를 변경할 수 있습니다.

p { color: red; }

CSS 프레임워크를 사용하는 이유

개인적으로 순수한 CSS로 중소 규모의 애플리케이션을 개발하는 것은 꽤 빨리 손에서 벗어날 수 있습니다. 그렇기 때문에 코드를 연습하고 익숙해지는 것이 중요합니다. 제한된 리소스와 시간으로 아름답고 기능적인 웹 사이트를 원하는 사람들에게는 힘든 일입니다. 최근까지 시행착오를 통해 여러 CSS 프레임워크를 탐색하는 여정을 시작했습니다. 나에게 가장 적합한 것을 찾았습니다. 그러나 자신에게 가장 적합한 것을 선택하십시오. 많은 사람들이 jQuery를 사용한 부트스트랩에서 React용 Ant 디자인에 이르기까지 사용할 최고의 CSS 프레임워크에 대해 토론할 것입니다. 다음 프로젝트를 디자인하는 방법을 선택하는 것은 중요하며, 일정에 따라 마감일을 정하거나 깨뜨릴 수 있습니다.

장점

CSS 프레임워크를 사용하여 응용 프로그램을 개발하는 소규모 팀의 경우 개발에 많은 시간을 할애할 수 있습니다. 순수 CSS는 중간 규모에서 대규모 애플리케이션을 만드는 데 많은 시간이 소요될 수 있으므로 CSS 프레임워크가 최선의 선택이 될 것입니다.

CSS 프레임워크 호환성은 뛰어난 개발자가 작업하고 모든 브라우저에서 작업하는 데 필요한 시간과 지식의 양 때문에 처음부터 순수 CSS를 작성하는 것보다 일반적으로 훨씬 뛰어납니다.

시간이 지남에 따라 CSS 프레임워크는 크고 작은 회사에서 생산 용도로 널리 채택되고 있습니다. 한 가지 예는 https://www.ny.gov입니다.

단점

모든 CSS 프레임워크가 동일하게 생성되는 것은 아닙니다. 재능 있는 개발자들이 순전히 복잡성에 의해 채택 또는 커뮤니티가 영향을 받을 수 있는 프레임워크에서 작업하고 있지만 그다지 좋지는 않습니다.

그 당시 Bootstrap이라는 유명한 CSS 프레임워크는 프로덕션 중에 사용되지 않는 CSS를 과도하게 사용하여 플랫폼의 성능을 저하시키는 원인이 될 수 있는 것으로 알려져 있었습니다.

소규모 프로젝트에서 프레임워크를 사용하지 않는 방법은 무엇입니까?

플렉스
flexbox는 단일 속성이 아닌 전체 모듈이므로 전체 속성 집합을 포함하여 많은 것을 포함합니다. 그 중 일부는 컨테이너(“플렉스 컨테이너”로 알려진 부모 요소)에 설정되어야 하는 반면, 나머지는 자식 요소(“플렉스 아이템”이라고 함)에 배치되어야 합니다. ( https://css-tricks.com/snippets/css/a-guide-to-flexbox/ )

그리드
CSS 그리드 레이아웃(일명 "그리드")은 그리드 기반 사용자 인터페이스를 디자인하는 방식을 완전히 바꾸는 것을 목표로 하는 2차원 그리드 기반 레이아웃 시스템입니다. ( https://css-tricks.com/snippets/css/complete-guide-grid/ )

결론

결론적으로 CSS에서 도망치려 한다면 아쉽게도 갈 곳이 없다. 순수한 CSS는 배우기에 환상적인 것이며 HTML 웹사이트를 아름다운 웹사이트로 바꾸는 기술을 갖추는 것은 필수입니다. CSS 프레임워크는 CSS를 조금 더 즐겁게 만듭니다.