[깃허브] HTML 파일 기본 세팅(Index.html / style.css / main.js)

처음에 내가 원하는 이름으로 세팅을 시작해서

main.html 로 만들고

main.css로 만들었는데..

나중에 깃허브에 업로드 하려고 보니..

오류가 자꾸 뜨더라.

 

그래서 확인해보니 기본값이 정해져..있...

 

html css js 파일을 사이트에 배포하기 위한 그 파일의 이름이 정해져있어/////

 

 

 

HTML, CSS, JS 파일을 사이트에 배포할 때, 파일의 이름은 일반적으로 자유롭게 지정할 수 있지만, 일부 표준 관례를 따르는 것이 좋습니다. 특히 HTML 파일의 경우, 웹사이트의 진입점인 홈페이지 파일은 종종 index.html이라는 이름으로 저장됩니다. 다음은 HTML, CSS, JS 파일을 이름 지을 때 고려할 수 있는 일반적인 관례와 팁입니다.

 

 

HTML

• index.html: 사이트의 메인 페이지 또는 루트 페이지. 웹 서버는 대부분의 설정에서 index.html을 기본 문서로 자동 인식하고, 도메인 주소만 입력해도 이 파일을 불러옵니다.
• 다른 페이지의 경우, 내용이나 기능을 명확하게 설명하는 이름을 사용합니다. 예를 들어, about.html, contact.html 등이 있습니다.

 

 

CSS

• style.css: 웹사이트의 주 스타일 시트. 사이트 전체의 기본 스타일을 정의합니다.
• 기능이나 페이지별로 별도의 스타일 시트를 만들 때는 그 용도를 나타내는 이름을 사용할 수 있습니다. 예를 들어, layout.css, typography.css, header.css, footer.css 등이 있습니다.

 

 

JavaScript

• script.js 또는 main.js: 사이트의 주요 기능을 담당하는 스크립트 파일.
• 특정 기능이나 라이브러리에 대한 스크립트 파일은 해당 기능이나 라이브러리 이름을 반영하여 이름을 지을 수 있습니다. 예를 들어, jquery.js, app.js, slider.js 등이 있습니다.

 

 

파일 구조와 이름 지정의 중요성

• 조직성: 파일과 폴더의 명명은 사이트의 조직성을 향상시키고, 유지보수를 용이하게 합니다.
• SEO 및 사용성: 파일 이름은 SEO(Search Engine Optimization)에 영향을 미칠 수 있습니다. 예를 들어, 파일 이름에 키워드를 포함시키면 검색 엔진 결과에 더 잘 나타날 수 있습니다.
• 액세스성: 파일 이름은 웹사이트의 URL에 반영되므로, 직관적이고 읽기 쉬운 이름을 사용하는 것이 좋습니다.

파일의 이름을 지정할 때는 사이트의 구조, SEO, 팀 내에서의 일관성 등을 고려하여 결정하는 것이 좋습니다. 또한, 협업 환경에서는 파일 및 폴더 명명 규칙을 문서화하여 모든 개발자가 쉽게 따를 수 있도록 하는 것이 효과적입니다.