웹디자인2 웹 퍼포먼스를 최적화하는 방법 1. 이미지 최적화 이미지 파일 포맷을 선택할 때는 WebP 또는 JPEG 2000을 사용해야 한다. 이미지 파일 크기를 줄이기 위해 압축 툴을 사용하고, 레이아웃 요소에 따라 이미지 사이즈를 조절해야 한다. 여러 버전의 이미지를 생성해 브라우저에 맞는 이미지를 제공해야 한다. 이미지를 레이지 로딩하여 페이지 로딩 속도를 향상시켜야 한다. 이미지에 대체 텍스트를 추가하여 시각 장애인이나 검색 엔진이 인식하도록 해야 한다. 2. CSS와 JavaScript 압축 불필요한 공백 제거: CSS와 JavaScript 코드 .. 2024. 6. 9. 올바른 figma 사용법과 꿀팁 1. figma란 무엇인가? figma는 협업을 위한 디자인 툴로, 다양한 디자이너와 개발자가 함께 작업하고 의견을 주고받을 수 있는 환경을 제공합니다. 이를 통해 프로토타입 제작부터 디자인 시스템 구축까지 포괄적으로 활용할 수 있는 강력한 도구입니다. 또한 figma는 클라우드 기반으로 작동하기 때문에 어디서나 접근이 가능하고 실시간으로 변경 사항을 공유할 수 있어, 효율적인 협업을 도와줍니다. 기존의 디자인 툴과 비교하여 사용자 친화적인 인터페이스와 다양한 플러그인, 템플릿 등을 통해 더 다양하고 효율적인 디자인 작업을 가능하게 합니다. 2. figma 기본 기능 소개 [2. figma 기본 기능 소개] figma는 협업을 위한 디자인 툴로, 다양한 기본 기능을 제공하여 효율적인 작업을 가능하게 합니.. 2024. 3. 28. 이전 1 다음