image 함수 오오오! 하면서 봤는데 12년 전부터 제안된 거라니 가망이 없어 보이는 군요...ㅎㅎ 이미지 스프라이트로 적용할 때 부가적인 옵션을 주고 싶어도 이미 background-* 옵션들이 사용중이라 어려웠던 적이 있어서 이런 문제를 해결할 수 있도록 이미지 관련 속성들이 개선되었으면 좋겠어요
image 함수는 별로 반영안된게 놀랍지도 않은게... 애초에 이미지를 다 다운받아서 보여줄때만 잘라서 보여주는건 프론트에서 땜빵하는 모양새라 별로인거같음. 이미지는 웹에선 무거운 트래픽을 가진녀석이라 애초에 잘라서 보내줄 수 있는게 베스트인데 차선을 만들어서 프론트에서 땜빵하는건 개인적으로 별로인거같음.
알고 있던게 반.. 처음 보는게 반이지만,, property같은 경우는 알고 있었지만, 아직 손이 :root를 작성하는게 익숙해서인지 쉽게 적용을 해 볼 일이 잘 없네용 ㅜ 이번 영상을 통해 알게 된 건 "of"와 "is" !! scss를 작성하다보면, 같은 element or class에 다른 조건으로 작성해야 할 때가 있는데 그런 작업이 많이 간소화 될 것 같아서 엄청 유심히 봤어요 ㅋㅋㅋ 항상 좋은 영상 감사합니다. 😘
말씀하신 최신 기능들(property 등) 정확히 몇년 몇월에 나온건지 어느 사이트에서 확인 가능하나요? property는 같은 요소에만 적용되는가요? :hover로 다른 요소에 적용이 안되는것같은데 하는 방법 혹시 아시는지.. 예로 .link:hover{--col:blue} , .abc{color:var(--col)} 이런식..
📌 니콜라스와 무료로 코딩 공부하기
bit.ly/40ypFmg
처음 css 공부했을때만 해도 css는 프로그래밍 언어가 아니라 그냥 스크립트정도로 생각했고 지금까지 백엔드로만 일하다보니 자주 볼 기회가 없었는데 지금보니 어마어마하게 발전해왓네요
image 함수 오오오! 하면서 봤는데 12년 전부터 제안된 거라니 가망이 없어 보이는 군요...ㅎㅎ
이미지 스프라이트로 적용할 때 부가적인 옵션을 주고 싶어도 이미 background-* 옵션들이 사용중이라 어려웠던 적이 있어서 이런 문제를 해결할 수 있도록 이미지 관련 속성들이 개선되었으면 좋겠어요
css와 javascript가 예전에는 서로 할 수 있는게 명확했는데 요즘은 같은 기능도 css도 되고 javascript도 되고 하는거 같아요
평소에도 그랬는데 오늘따라 유난히 니꼬쌤 눈알 더 튀어나올거 같아요
그만큼 좋으시단거지 😂
CSS는 신이야!!!🎉
Tailwind가 신이다!
유튜브 클론 코딩에서도 니콜라스.... 유튜브에서 니콜라스 온세상이 니콜라스....
끙끙데던 문제가 of로 해결 되겠어요🎉 감사함다
image 함수는 진짜 CSS 처음 공부 시작했을때 부터 있었으면 했는데 구현될 마음이 없나보네요 ㅠ
:is 가 제일 좋아요. 이미 알고 있던것도 :is이긴 하지만 실제로 사용하고있진 않았거든요. 여러가지 방법으로 css가 확장되는거 같아 좋아요. 중간중간 보여주시는 공식 문서 같은 사이트는 어디인지 알 수 있을까요?
미쳤네요 이것도.. 웹 api에 이어 상당히 흥미로운 소식이군요
일부 코드는 적용한다면 오히려 유지보수가 힘들거같긴해서 조심해서 써봐야겠네요
좋은 정보 감사합니다 :)
공부할게늘었다 ㅎ😂
이런 기능들 소개되면 너무 반가운데 주위에 브라우저 업데이트 해가며 사용하는 사람들이 많이 없어서 바로바로 적용해보기가 망설여짐 머 이것도 supports 로 하면 되겠지만 ㅎㅎ
전 has, not, is 가 참 좋습니다 ㅋㅋ
어떻게 내가 요즘 관심 있는것만 착착 골라서 영상을 올려주시는거지…?
😏
Wow! At Support!
When does css nesting come to real browserㅠㅠ I can't wait for it
image 함수는 별로 반영안된게 놀랍지도 않은게...
애초에 이미지를 다 다운받아서 보여줄때만 잘라서 보여주는건 프론트에서 땜빵하는 모양새라 별로인거같음.
이미지는 웹에선 무거운 트래픽을 가진녀석이라 애초에 잘라서 보내줄 수 있는게 베스트인데 차선을 만들어서 프론트에서 땜빵하는건 개인적으로 별로인거같음.
마지막 이미지 함수는 성능 향상이 있나요?
최신 버전 들어오는건 좋은데 항상 브라우저 호환성에 불들어오는지 모질라가서 체크해야해서 귀찮음 ㄹㅇ
완전 좋다~~~~
not이 그렇게 편하더라.
예전엔 두 번해야 할 게 한 번으로 줄어드니까
7:04 정도에 나오는
5.1. Supperted Names ~~~~~ "" ~~ 나오는 부분...사이트 주소가 어떻게 될까요??
drafts.css-houdini.org/css-properties-values-api/#supported-names
체신 css 특 크로스 브라우징 안되서 의미가업음..
선댓글 후시청
알고 있던게 반.. 처음 보는게 반이지만,,
property같은 경우는 알고 있었지만, 아직 손이 :root를 작성하는게 익숙해서인지 쉽게 적용을 해 볼 일이 잘 없네용 ㅜ
이번 영상을 통해 알게 된 건 "of"와 "is" !! scss를 작성하다보면, 같은 element or class에 다른 조건으로 작성해야 할 때가 있는데
그런 작업이 많이 간소화 될 것 같아서 엄청 유심히 봤어요 ㅋㅋㅋ
항상 좋은 영상 감사합니다. 😘
히지야 깝치지마
말씀하신 최신 기능들(property 등) 정확히 몇년 몇월에 나온건지 어느 사이트에서 확인 가능하나요? property는 같은 요소에만 적용되는가요? :hover로 다른 요소에 적용이 안되는것같은데 하는 방법 혹시 아시는지.. 예로 .link:hover{--col:blue} , .abc{color:var(--col)} 이런식..
css precompiler가 필요없어질듯...
tailwind 이후에 무의미해진 것들! ㅋㅋ
css nesting 은 언제 나오니....
css는 아직도 선택자의 부모를 못찾아가나...
개발자 입장에선 굳이 CSS까지 이렇게 사용할 필요가?? css관련 라이브러리들은 좀 더 사용하기 간편하게 나오는 추세같던데 디자인에 관해선 전문가들이 더 나을테고 피로도만 늘어나는 느낌
굉장히 좋은 영상에 자막이 강제 되어있는게 내용 이해에 방해됩니다.
자막 표시를 선택사항으로 만들어줄 수 있나요?
@@OpenCodex 하겠냐
디자이너가 테일윈드 1도 신경 안쓰고 디자인한걸 테일윈드 사용해서 하라고 하면? 지옥 아닌가요?
진지하게.... 노가다나 하러갈까....
제가 코린이라 그런데 border-radius를 지원하지 않는 브라우저가 뭐뭐있을까요...?
요즘 기준으로 지원하지 않는 브라우저는 없습니다......
ie8미만이요 ㅋㅋㅋㅋ
와 미쳤다
CSS에 왜 함수가..?
😊
ㅎㅇ
좋은 정보!
이 정도면 프로그래밍 언어 아닌가 이러다 css로도 프로그램 만들 수 있겠네
scss 가 그래도 편해요.
개발 주언어가 뭐예요?
저요? css요
후후 css 니가 아무리 복잡해져봐라 나한텐 GPT형님이 있지롱
Sass없인 못살아~
왜 인사를 한국어로 하세요? 이유를 좀?? 구독자가 전부 한국인인가? 타겟을 한국인으로 잡은거에요>?
아내분이 한국인입니다.
말투 씹ㅋㅋㅋ 평소 말투가 이따위라는 변명보다는 차라리 시비거는게 맞다하셨으면 좋겠네요
이게 평소 말투시면 인생 너무 ㅈ같으실듯ㅋㅋㅋ 한국인 타겟이면 안되는것도 아니고
왜케 근엄하게 질문하지용.. ;; 한국어로하면안되나요...?
@@name2ya 진짜 궁금해서 묻는 거 같은데요
@@user-gy7dx8qx3n 진짜 그렇네요 저런;;;;몰랐습니다.