본문 바로가기
반응형

프로그래밍166

[HTML] ul 태그 목 차1. ul 태그란?2. 기본 구조3. CSS 스타일링3-1. 기본 불릿 (●)3-2. 사각형 (■)3-3. 원형 (○)3-4. 불릿 없음4. 중첩 사용5. 마무리 1. ul 태그란?HTML의 ul 태그는 "순서가 없는 목록"(unordered list)을 생성할 때 사용하는 태그입니다. 이 태그는 항목의 순서가 중요하지 않은 목록을 표시할 때 적합하며, 각 항목은 보통 점(bullet)으로 표시됩니다. ul 태그는 목록 안에 여러 개의 li 태그(목록 항목)를 포함합니다.  2. 기본 구조 첫 번째 항목 두 번째 항목 세 번째 항목  3. CSS 스타일링 ul 태그 자체에는 특별한 속성이 없지만, 자주 사용되는 CSS 스타일 속성을 통해 목록의 모양을 다양하게 변경할 수 있습니다. 3-1. 기.. 2024. 10. 19.
[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.
[HTML] script 태그 목 차1. script 태그란?2. 사용법2-1. 내부 스크립트2-2. 외부 스크립트3. 속성3-1. async3-2. defer3-3. type3-4. crossorigin4. 자바스크립트 위치5. 주의 사항 1. script 태그란?HTML의  2-2. 외부 스크립트app.js 파일에 있는 자바스크립트 코드를 가져와서 실행합니다. 외부 스크립트는 재사용성이 높고, 코드의 분리와 유지보수가 용이합니다. My Web Page   3. 속성3-1. async async 속성은 외부 스크립트를 비동기적으로 로드하고 실행합니다. 즉, HTML 문서가 계속해서 파싱되는 동안 스크립트를 동시에 로드합니다. 스크립트가 준비되면 바로 실행됩니다.이 속성은 페이지 성능을 높이는 데 유용하지만, 스크립트 실행.. 2024. 10. 12.
반응형