HTML(홈페이지만들기_주의사항)_2024-08-01

계획 세우기

목표 설정: 만들고 싶은 홈페이지의 종류와 기능을 명확히 정의합니다.

구조 설계: 페이지 구성, 메뉴 구성, 콘텐츠 배치 등을 미리 계획합니다.

디자인 구상: 전체적인 디자인 컨셉, 색상, 글꼴 등을 정합니다.

 

코딩 시 주의사항

문법 오류: 각 언어의 문법 규칙을 정확히 지켜야 합니다.

세미콜론: JavaScript에서는 세미콜론을 꼭 붙여야 합니다.

따옴표: 속성 값은 항상 따옴표로 감싸야 합니다.

닫는 태그: 모든 시작 태그에는 반드시 닫는 태그가 있어야 합니다.

ID와 클래스: 중복되지 않는 고유한 ID와 클래스를 사용해야 합니다.

인라인 스타일: 되도록이면 외부 스타일 시트를 사용하여 코드를 정리하고 관리해야 합니다.

주석: 코드에 주석을 달아 가독성을 높입니다.

 

성능 최적화

이미지 최적화: 이미지 크기를 줄여 페이지 로딩 속도를 향상시킵니다.

불필요한 코드 제거: 사용하지 않는 코드는 삭제합니다.

CSS 선택자 최적화: 효율적인 선택자를 사용하여 스타일 계산 속도를 높입니다.

 

CSS 우선순위 규칙

CSS는 다음과 같은 규칙에 따라 스타일의 우선순위를 결정합니다.

1) important 선언 : 가장 강력한 우선순위를 가지며, 다른 어떤 스타일보다 우선 적용됩니다. 하지만 남용하면 스타일 관리가 어려워지므로 신중하게 사용해야 합니다.

2) 인라인 스타일 : HTML 요소의 style 속성에 직접 스타일을 지정하는 방식입니다. 다른 스타일보다 우선 적용됩니다.

3) ID 선택자 : 요소에 고유한 ID를 부여하여 스타일을 지정합니다. 클래스 선택자보다 우선 적용됩니다.

4) 클래스 선택자 : 요소에 클래스를 부여하여 스타일을 지정합니다. 태그 선택자보다 우선 적용됩니다.

5) 태그 선택자 : HTML 태그 자체에 스타일을 지정합니다.

6) 상속 : 부모 요소의 스타일이 자식 요소에 상속됩니다.

 

CSS 순서 문제

1) CSS 파일 연결 순서 : 중복되는 스타일: 여러 CSS 파일에서 같은 선택자에 스타일을 지정하면 나중에 선언된 스타일이 우선 적용됩니다.

2) 스타일 시트 내부 순서 : CSS 파일 내에서 스타일이 선언된 순서에 따라 스타일이 적용될 수 있습니다.