반응형 Web/Html, CSS3 [CSS] Animation 최적화 ⚡ CSS 애니메이션 CSS로 애니메이션을 만들어줄 때 데스크톱이나 노트북으로 부드럽게 작동하는 것을 확인했어도 막상 핸드폰으로 볼 때 엄청나게 버벅이는 경우가 있습니다. 이러한 현상은 스마트폰의 성능이 아무리 좋아졌다고 해도 비교적 떨어지기 때문입니다. 즉, 애니메이션 효과는 생각보다 컴퓨팅 파워를 많이 소모하고 최적화가 되어 있지 않으면 성능에 문제가 생긴다는 말과 같습니다. 그럼 웹에서 애니메이션이 동작하는 과정과 최적화하는 방법에 대해 알아보겠습니다. 📌 브라우저 렌더링 과정 브라우저에서 UI를 렌더링 하는 과정을 요약하면 다음과 같습니다. Recalculate Style 스타일을 계산하는 과정입니다. 작성된 CSS를 파싱해 CSS Object Model을 생성합니다. Dom Tree와 CSS O.. 2023. 6. 19. [HTML] input 태그의 date 속성 value 날짜 포맷 지정과 기간 설정하는 방법 ⚡️JAVA 날짜 포맷 변환과 계산 [Java/자바] 날짜-Date의 모든 것 (현재-내일 날짜, Date 포맷 변환, 날짜 차이 계산, 더하기, 빼기) [Java/자바] 날짜-Date의 모든 것 (현재-내일 날짜, Date 포맷 변환, 날짜 차이 계산, 더하기, 빼기) ⚡️자바의 날짜 숙박 예약 프로젝트를 진행하다보니 날짜를 다룰 일이 많았습니다. 현재 날짜 구하기 날짜 더하고 빼기 두 날짜 계산하기 프론트와 백앤드의 Date 포멧이 다르기 때문에 포맷변 lasbe.tistory.com 자바로 날짜를 다룰 때 이 글을 참고해주세요! ⚡️ input 태그의 date 속성은 달력 형태로 날짜를 선택할 수 있는 기능을 제공합니다. 이번 프로젝트에서 예약 기능이 핵심 로직이기 때문에 날짜를 계속해서 다루게 되.. 2022. 4. 16. [Html] form 태그와 input 요소들, GET / POST 방식 ⚡️ form html의 요소 중 하나인 form은 데이터를 주고 받음에 있어서 많이 사용하는 요소 중 하나입니다. form 태그 안에 삽입한 submit 이벤트가 발동되면, 정의된 method 속성 type으로 action을 통해 목적지에 데이터가 전송됩니다. 데이터는 다양한 타입의 input 요소를 이용해 사용자로부터 입력을 받을 수 있습니다. 전송된 데이터는 웹 서버에서 처리하고, 정해준대로 페이지를 이동하거나 알림을 주기도 합니다. ⚡️ action 속성 action 속성은 입력받은 데이터를 처리할 서버 상의 스크립트 파일의 주소를 명시해야합니다. submit이 이루어지게 되면 입력받은 데이터와 함께 명시한 주소의 위치로 이동합니다. ⚡️ method 속성 method 속성을 통해 form 요소의.. 2022. 2. 8. 반응형 이전 1 다음
오픈 채팅
