Javascript 공부 #2

UI 애니메이션 추가할 때 가능한 CSS 만으로 처리하는게 좋음 자바스크립트에게 너무 많은 일을 시키면 성능이 저하되기 때문 one-way UI 애니메이션 만드는 법 A 상태 → B 상태로 바뀌는 일방향 애니메이션 시작스타일 최종스타일 원할 때 최종스타일로 변하라고 코드 짜줌 transition 추가 각각 클래스로 만들어놈 fadeIn, fadeOut 애니메이션 만들기 .black-bg { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.5); z-index: 5; padding: 30px; visibility: hidden; opacity: 0; transition: all 1s; } 위와 같이 visibility 속성 h..

• format_list_bulleted FrontEnd/Javascript
• · 2023. 1. 12.
• textsms

Javascript 공부 #1

html 변경 document.getElementById(’hello’).innerHTML = ‘안녕’; (문서) (~의) (id hello:html 요소를 가져와라) (HTML 안) 안녕 버튼 .hide(), .fadeOut(), .slideUp() 등 여러가지 애니메이션 제공해줌

• format_list_bulleted FrontEnd/Javascript
• · 2023. 1. 12.
• textsms