728x90 분류 전체보기198 웹사이트 모바일 화면 확대/축소 설정하기 목 차1. Lighthouse 보고서2. 태그3. Viewport 태그의 주요 속성3-1. initial-scale3-2. maximum-scale & minimum-scale3-3. user-scalable4. HTML 적용하기5. 테스트 1. Lighthouse 보고서[user-scalable="no"]이(가) 요소에서 사용되거나 [maximum-scale] 속성이 5보다 작음모바일에서 웹사이트를 접속하여 확대/축소를 해보면 동작하지 않고 있었습니다.Lighthouse 보고서 설치 방법 2. 태그HTML 문서에서 페이지의 레이아웃을 다양한 기기에서 올바르게 표시하기 위해 사용되는 중요한 요소입니다. 특히 모바일 기기와 같이 화면 크기가 다양한 환경에서 페이지를 최적화하는 데 필수적인 역할을 합.. 2024. 10. 17. [SEO] 검색엔진 최적화 확인하는 방법 (Lighthouse) 목 차1. Lighthouse 확장 프로그램2. Lighthouse 설치3. Lighthouse 사용 방법4. 주요 기능4-1. 성능 (Performance)4-2. 접근성 (Accessibility)4-3. Best Practices4-4. SEO (Search Engine Optimization)4-5. 진보적 웹 애플리케이션 (Progressive Web App, PWA)5. 요약 1. Lighthouse 확장 프로그램 Lighthouse는 구글 크롬에 내장된 오픈 소스 자동화 도구로, 웹 페이지의 성능, 접근성, SEO(검색 엔진 최적화) 등을 분석하고 개선할 수 있는 권장 사항을 제공하는 확장 프로그램입니다. 주로 웹 개발자와 디지털 마케터가 페이지 최적화를 위해 사용하며, 웹 애플리케이션이나 .. 2024. 10. 16. [HTML] meta 태그 목 차1. meta 태그란?2. charset 속성3. name과 content 속성3-1. 페이지 설명 (description)3-2. 키워드 (keywords)3-3. 저자 (author)3-4. 뷰포트 (viewport)4. http-equiv 속성4-1. 캐시 제어 (cache-control)4-2. 리프레시 (refresh)5. Open Graph 및 Twitter Card5-1. Open Graph (og)5-2. Twitter Card6. 기타 메타 태그6-1. Robots6-2. 권한 정책 (Permissions Policy)7. 요약 1. meta 태그란? HTML의 태그는 웹 페이지의 메타데이터를 정의하는 데 사용됩니다. 메타데이터는 사용자에게 직접 표시되지는 않지만, 브라우저나 검색.. 2024. 10. 15. [javascript] CORS 오류 해결 목 차1. CORS란?2. CORS 오류 메세지2-1. No 'Access-Control-Allow-Origin' header is present on the requested resource.2-2. The 'Access-Control-Allow-Origin' header has a value that is not allowed.3. COS 오류의 주요 원인3-1. 동일 출처 정책 위반3-2. 서버의 CORS 정책 미설정3-3. 프리플라이트 요청(preflight request) 문제3-4. 자격 증명(credentials) 문제4. CORS 오류 해결 방법4-1. 서버 측 해결4-2. 프록시 서버 사용4-3. JSONP (JSON with Padding)4-4. 프리플라이트 요청을 피하는 방법5. 요.. 2024. 10. 14. [HTML] link 태그 목 차1. link 태그란?2. 사용법3. 속성3-1. rel3-2. href3-3. type3-4. media3-5. crossorigin3-6. as4. link 태그의 활용4-1. 파비콘 (favicon)4-2. 폰트 로딩4-3. 피드 (feed)4-4. 프리패치 (prefetch)5. 주의 사항 1. link 태그란?HTML의 태그는 외부 리소스를 현재 HTML 문서에 연결할 때 사용됩니다. 주로 스타일시트(CSS)를 연결하거나, 아이콘을 정의하거나, 피드를 연결하는 등의 용도로 사용됩니다. 태그는 일반적으로 Hello, World! 3. 속성3-1. rel rel 속성은 HTML 문서와 연결된 외부 리소스 간의 관계를 정의합니다. 이 속성은 태그에서 필수적으로 사용되며, 다양한 값.. 2024. 10. 13. [Python] 파이썬 문자 개수 세기 - 문자열 count() 메서드 목 차1. count() 메서드2. 문법3. 사용 예제3-1. 기본 사용법3-2. start, end 인덱스 번호 사용4. 주의 사항 1. count() 메서드파이썬에서 문자열의 count() 메서드는 특정 문자열이 원본 문자열 내에서 몇 번 나타나는지를 세어 반환하는 메서드입니다. 이 메서드는 매우 유용하며, 특정 부분 문자열이 텍스트에 얼마나 자주 등장하는지 알아낼 때 사용됩니다. 2. 문법str.count(sub[, start[, end]])sub: (필수) 세고자 하는 부분 문자열입니다.start: (선택) 문자열에서 검색을 시작할 위치입니다. (기본값: 0)end: (선택) 문자열에서 검색을 종료할 위치입니다. (기본값: 문자열의 끝)start와 end 매개변수 사용 시에는 start 위치부터.. 2024. 10. 12. 이전 1 ··· 22 23 24 25 26 27 28 ··· 33 다음 728x90
