Web Code/Web 지식7 웹 표준화의 중요성: 왜 웹 개발에서 준수해야 할까? "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 웹 디자이너와 개발자로서 우리 모두는 멋진 웹 사이트를 만들고자 노력합니다. 그러나 이를 가능하게 하는 데는 웹 표준화를 준수하는 것이 중요한 역할을 합니다. 웹 표준화는 웹 개발에서 필수적인 원칙으로, 왜 그렇게 중요한지 살펴보겠습니다. 1. 다양한 플랫폼 및 브라우저 호환성 웹 표준을 준수하면 웹 사이트가 다양한 브라우저와 플랫폼에서 일관되게 표시됩니다. 이는 사용자들이 어떤 브라우저나 기기를 사용하더라도 웹 사이트에 쉽게 접근하고 사용할 수 있음을 의미합니다. 웹 표준을 따르지 않으면 웹 사이트가 특정 브라우저에서만 제대로 작동하거나 일부 기기에서만 보이는 문제가 발생할 수 있습니다. 2. 검색 엔진 최적화 .. 2023. 9. 11. 웹 디자인의 핵심 원칙과 트렌드 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 1. 웹 디자인의 기본 원칙 UI vs. UX 디자인: 사용자 인터페이스 (UI)와 사용자 경험 (UX) 디자인의 차이 및 중요성에 대한 설명. Responsiveness: 모바일 및 데스크톱 장치에서 웹 사이트가 어떻게 동작해야 하는지에 대한 가이드. 칼러 팔레트와 타이포그래피: 웹 사이트의 시각적 요소를 개선하기 위한 적절한 색상 및 글꼴 선택 방법. 2. 웹 디자인 트렌드 플랫 디자인 vs. 스케머 디자인: 각 스타일의 특징과 언제 사용해야 하는지에 대한 비교. 애니메이션 및 마이크로 인터랙션: 사용자의 관심을 끌기 위해 웹 사이트에 애니메이션과 마이크로 인터랙션을 적용하는 방법. 다크 모드: 웹 사이트에 어.. 2023. 9. 11. 플러그인 예제 모음 ChartJS : https://jsfiddle.net/y82r56un/200/ DatePicker : https://jsfiddle.net/w8ajceuf/2/ 2022. 11. 11. 휴대폰/디바이스 별 해상도 / Galaxy 폴더폰 해상도 / Galaxy Flip 3 / Galaxy Fold 3 해상도 휴대폰 및 디바이스 별 일반적인 해상도 Apple Products iPhone Pixel Size Viewport iPhone XR 828 x 1792 414 x 896 iPhone XS 1125 x 2436 375 x 812 iPhone XS Max 1242 x 2688 414 x 896 iPhone X 1125 x 2436 375 x 812 iPhone 8 Plus 1080 x 1920 414 x 736 iPhone 8 750 x 1334 375 x 667 iPhone 7 Plus 1080 x 1920 414 x 736 iPhone 7 750 x 1334 375 x 667 iPhone 6 Plus/6S Plus 1080 x 1920 414 x 736 iPhone 6/6S 750 x 1334 375 x.. 2021. 11. 18. [Html] Font Awesome(폰트 어썸) 오류 해결법 Font Awesome을 사용 하다보면 사진과 같이 네모로 표기가 되는 경우가 있다. 이번 포스팅은 Font Awesome의 오류법을 해결하는 법이다. 1. 로컬파일 확인 간단한 방법이지만 놓치고 가는 경우가 많다. 로컬에서 Font Awesome의 font나 css, js가 하나라도 빠지면 오류가 나는 경우가 종종 발생한다. 놓치고 간 파일들을 로컬에 추가하면 해결이 된다. 2. CDN 로컬이 아닌 CDN으로 외부링크를 걸었을 경우 css 스타일 링크만 걸려있는 상태이므로, js가 빠질수도 있다. 이경우 js를 로컬로 연결할 경우 해결할수 있다. 3. font-weight 폰트굵기가 300, 500, 또는 700일 경우 오류가 생기는 경우가 종종 있다. .fa,.fab,.fad,.fal,.far,.fa.. 2020. 7. 25. [Html] Font Awesome(폰트 어썸) 사용법 / 로컬 / 다운받아서 적용법 가장많이 사용 되고 있는 웹 아이콘 폰트는 Font Awesome입니다. Font Awesome이란 이러한 웹 아이콘 폰트를 모아놓은 라이브러리입니다. 이번 포스팅에서는 Font Awesome를 적용하는 법을 알려드리려고 합니다. 1. CDN 선언 CDN이란 간단히 말해서 내부 로컬에 저장을 하지 않은 상태에서 외부 링크를 달아 적용시키는 방식이다. 위와 같이 태그 사이에 추가를 하면 끝이다. link(rel="stylesheet", href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css", integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevo.. 2020. 7. 25. 컴퓨터/노트북 캡처 하는 방법 3가지 첫 번째 - 윈도우 캡처 도구 시작 및 검색에서 캡처 도구를 클릭 후 캡처를 할 수 있다. 두 번째 - PRT SC(Print Screen) 프린트 스크린 키를 누른 후 포토샵 및 그림판에서 컨트롤+V를 누르면 복사됐던 화면이 노출된다. 세 번째 - 알캡처 (이스트소프트) 이 프로그램은 개인뿐만 아니라 기업도 무료로 사용할 수 있다. 키보드의 Print Screen SysRq을 누를 때 바로 실행된다는 점이 장점. 웹페이지 전체를 캡처하는 기능은 없지만 단순하게 화면 전체나 특정 구간을 캡처하는 데엔 편하게 쓸 수 있다. 프린트 스크린 키를 누르면 위와 같은 창이 뜬다. 다양한 방식으로 캡처가 가능하고 프린트 스크린을 눌렀을때 바로 사용가능한 장점이 있다. 하지만, 단점으로는 프로그램을 설치해야 된다는 .. 2020. 7. 13. 이전 1 다음
