리베하얀의 CSS3 기초실무 - 2024

정말 오랜만에 영상이 업데이트 되었습니다 ^^.
aspect-ratio는 종횡비를 의미하는데요. 요즘 프로젝트 하다보니 간간히 나오는 녀석이기도하고
사실 빠저서는 안되는 속성중에 하나이기도 합니다.

대부분 작업자분들이 잘 사용하실거라 생각이 듭니다만, 해당 영상을 보시게되면, 알지못했던 몇가지 비밀 있다는 것을 알게 되실거에요. 꼭 정주행 하시고, 프로젝트에 도움되기실 바랍니다.

그럼 열공하시고! 다음영상에서 뵙겠습니다.
감사합니다.

CSS의 큰 단점중에 하나는 선택자의 문제입니다.
선택자 하나가 전역으로 전달되는 문제가 있었죠, 이것을 해결하기 위해 선택자의 점수나 다른 클래스명을 생각해야 한다는 것입니다.

또다른 단점중에 하나는 클래스명의 길이 입니다. 저는 이제까지 BEM 방법론으로 클래스네이밍을 하고있었습니다. 하지만 @scope를 도입하면서 그런 일이 사라젔죠..

이러한 문제점을 보완할 스코프에 대한 영상을 참고하세요.

안녕하세요. 리베하얀입니다.

CSS를 하다보면 z-index에 대한 스트레스가 더러 있습니다.
대표적으로 -1값 때문에 불필요한 html을 추가 구성해야 되다는 것이죠.

이를 보완하는 코드가 isolation입니다.
해당 영상을 보시면서 어떻게 해결할 수 있을지,
알아보시기 바랍니다. ^^.

안녕하세요. 리베하얀입니다.

CSS 최신스펙중 하나인 light-dark() 함수영상을 추가하였습니다. 과거에는 다크모드를 하기위해 @media를 활용하여 진행했었는데, light-dark()함수로 색상 관리를 직관적으로 할 수 있게 되었습니다. 디자이너와 협업하여 색상 가이드만 잘 나와준다면 순조로운 프로젝트가 예상될것 같네요.

다크모드에 관심있는 분이시라면 이번 강의 놓치지 말고 꼭 시청해주세요.

감사합니다!

CSS3 Basic Online 기초실무 온라인과정에 새로운 BEM(Block, Element, Modifier) 영상이 추가됩니다. 이 영상에서는 BEM 방법론의 기본 개념부터 실제 프로젝트에 적용하는 방법까지 자세히 다룹니다. 특히, BEM을 통해 코드의 유지 보수성을 높이고, 협업 시 일관성을 유지하는 방법을 중점적으로 설명할 예정입니다.

이번 영상의 주요 내용:

• BEM 기본 개념: Block, Element, Modifier의 정의와 역할

• BEM 네이밍 규칙: 코드 예시를 통해 BEM 네이밍 컨벤션 이해하기

• 실전 적용: 실제 프로젝트에서 BEM을 활용한 사례 분석

• 장점과 단점: BEM 사용의 장단점 분석

CSS 학습에 관심 있는 분들이라면 이번 BEM 영상을 통해 많은 도움을 받으실 수 있을 것입니다. 놓치지 말고 꼭 시청해 주세요!

추가 문의 사항이나 궁금한 점이 있다면 언제든지 댓글로 남겨주세요.

감사합니다!