본문 바로가기
반응형

CSS31

[CSS] @media, @keyframe @media{} : 오직 CSS만을 이용하여 반응형 웹을 개발하기 위해서는 @media{}가 필수적으로 쓰인다. @keyframe : 키프레임은 애니메이션을 구현할 때 많이 사용하는 기능인데, 원하는 지점에서 애니메이션 처리를 할 수 있어 디테일한 애니메이션 구현에 용이하다. 하지만, 아직도 이해 잘 못하는 코드. 솔직히 @media 안 써도 잘 되는 것 같고, @keyframe의 경우에는 애니메이션 처리할 일이 있어야 쓸것인데 아직 없다. 2023. 10. 23.
[JavaScript] const & let const는 상수이다. 상수의 값은 재할당할 수 없다. 예를 들어보자 // MY_FAV를 상수로 정의하고 그 값을 7로 함 const MY_FAV = 7; // 에러가 발생함 MY_FAV = 20; // 7 출력 console.log("my favorite number is: " + MY_FAV); 그 외에는 기본적으로 let을 사용한다. 원래는 var를 사용했다고 하는데 수많은 문제점과 그로 인해 버그를 일으킬 수 있다는 이유로 현재는 var보다 let을 쓴다고 한다. 2023. 10. 22.
[CSS] backface-visibility backface-visibility 뒤집어진 뒷면이 보여질지 안보여질지를 결정한다(visible/hidden) See the Pen Untitled by Bockchi Blood (@Bockchi-Blood) on CodePen. 2023. 10. 22.
[CSS] transform :perspective() transform : perspective() - 3D 공간에서처럼 원근감을 구현시킬 때 사용 - 값이 적을수록 가깝게 보이고, 클수록 멀게 보인다. See the Pen Untitled by Bockchi Blood (@Bockchi-Blood) on CodePen. 2023. 10. 22.
반응형