- 정보보안법 법 공부 해보기
2014년도부터 웹접근성을 안 지키면 법으로 처벌받을 수도 있다
웹접근성은 장애가 있는 사람뿐만 아니라 다양한 디바이스 기종, 모든 사람들이 평등하게 이용할 수 있도록 신경써야 한다 - 접근성을 소홀히 하지 말고 잘 알아봐야겠다
- 오픈 소스로 공개하는 라이브러리는 거의 무료로 사용 가능
- 상업적 이용이 가능한지 확인하고 사용하고 출처를 의무적으로 써야겠다.
- 주석 - 상단에 라이선스 및 저작권 고지할 것
<style>
@keyframes object-rotate {
0% {
transform: rotateY(0deg);
z-index: 10;
}
100% {
/* turn이라는 단위는 정확히 한 바퀴를 돌리라는 의미입니다. */
transform: rotateY(1turn);
z-index: 10;
}
}
.container {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
}
.scene {
transform-style: preserve-3d;
/* 나중에 회전 */
animation: scene-rotate 5s linear 0.9 infinite;
}
</style>
<body>
<div class="container">
<div class="scene">
<div class="circle" data-splitting>
WELCOME
</div>
</div>
</div>
</body> transform: rotateY(1turn); / turn이라는 단위는 정확히 한 바퀴를 돌리라는 의미입니다. /
calc(var(--char-index)*12deg) 각각 텍스트에 번호를 부여하고 12deg를 곱해서 각각 돌려준다는 개념이다
@charset "utf-8"; 스타일 시트의 맨 위에 작성하기
inherit; 부모가 가진 값을 받는다 부모의 속성을 따른다
회고 🔨
벤딩머신 실습을 하고 코드펜 예제를 더 쉽게 바꿔서 만들어 강사님과 함께 실습을 해보면서
로테이트에 각도로만 조절하는게 아니라 'turn'이라는 것을 알게 되어 하나 또 배울 수 있는 시간이었다. calc 속성에 대해서도 계속 써보면서 손에 익혀봐야겠다.
혼자 직접 코드를 써보고 난 뒤 강사님과 함께하면서 내가 잘못된 부분을 바로 잡을 수 있고
더 쉽고 간결한 코드로 완성하는 것을 보면서 더 고민하면서 코드를 짜야겠다는 생각을 했다.
