본문 바로가기
반응형

규칙5

[GitHub 웹페이지] 2. 규칙 정하기 - Git Commit Message Git Commit Message 규칙Git Commit Message 형식타입: 제목본문꼬리말타입feat: 새로운 기능 추가fix: 버그 수정docs: 문서 수정style: 코드 포맷팅, 세미콜론 누락 등 코드 변경이 없는 경우refactor: 코드 리팩토링test: 테스트 추가 또는 수정chore: 빌드 업무 수정, 패키지 매니저 설정 등perf: 성능 향상 관련 변경ci: CI 설정 파일 및 스크립트 변경build: 빌드 시스템 또는 외부 종속성에 영향을 미치는 변경 사항제목길이: 50자 이내스타일: 동사(현재 시제)로 시작하고 첫 글자는 대문자 사용마침표: 제목 끝에 마침표 사용하지 않음예시: feat: Add user authentication본문길이: 각 행은 72자 이내로 작성내용: 무엇을,.. 2024. 6. 9.
[GitHub 웹페이지] 1. 규칙 정하기 - 코딩컨벤션, 네이밍컨벤션, 코딩 컨벤션HTML들여쓰기: 2 스페이스태그 속성 순서: class, id, name, data-, src, for, type, href, title, alt, aria-자체 닫힘 태그: , , 등CSS들여쓰기: 2 스페이스클래스 네이밍: BEM(Block Element Modifier) 방법론 사용Block: .headerElement: .header__titleModifier: .header__title--large중괄호 위치: 여는 중괄호는 같은 줄에 위치.class { property: value;}정렬: 속성은 알파벳 순으로 정렬JavaScript들여쓰기: 2 스페이스세미콜론: 문장 끝에 항상 세미콜론 사용변수 선언: const와 let 사용 (ES6+)함수 선언:함수 표현식:const fu.. 2024. 6. 9.
[Javascript] Javascript 규칙 JavaScript 코딩 컨벤션, 네이밍 컨벤션, 그리고 규칙을 따르면 코드의 가독성, 유지보수성, 일관성이 크게 향상됩니다. 아래에 JavaScript를 작성할 때 지켜야 할 주요 컨벤션과 규칙을 정리했습니다.JavaScript 코딩 컨벤션1. 들여쓰기와 공백들여쓰기: 일반적으로 2칸 또는 4칸의 공백을 사용합니다. 일관된 들여쓰기를 유지합니다.공백: 연산자 주변, 코드 블록 사이, 함수 인수 목록 등에 적절한 공백을 사용하여 가독성을 높입니다.// 2칸 들여쓰기 예시function add(a, b) { return a + b;}// 공백 사용 예시let sum = add(2, 3);if (sum > 5) { console.log('Sum is greater than 5');}2. 중괄호와 줄바꿈중.. 2024. 6. 8.
[CSS] CSS 규칙 CSS 코딩 컨벤션과 네이밍 컨벤션, 그리고 규칙을 따르면 코드의 가독성과 유지보수성을 높일 수 있습니다. 아래는 CSS 작성 시 지켜야 할 주요 컨벤션과 규칙들입니다.CSS 코딩 컨벤션1. 파일 구조와 인클루드파일 분리: 스타일은 별도의 CSS 파일로 분리하여 HTML 파일에 링크합니다.주석: 코드의 목적과 구조를 설명하는 주석을 사용합니다./* styles.css *//* 기본 스타일 */body { font-family: Arial, sans-serif;}/* 네비게이션 스타일 */.navbar { background-color: #333; color: white;}/* 메인 콘텐츠 스타일 */.main-content { padding: 20px;}2. 들여쓰기와 공백들여쓰기:.. 2024. 6. 8.
[HTML] HTML 규칙 HTML 코딩 컨벤션, 네이밍 컨벤션, 그리고 규칙을 정리한 가이드를 제공하겠습니다. 이 가이드는 코드의 가독성을 높이고 유지보수성을 향상시키는 데 중점을 둡니다.HTML 코딩 컨벤션1. 문서 구조HTML 문서는 항상 다음과 같은 기본 구조를 따라야 합니다: 2. 들여쓰기 및 공백들여쓰기: 일반적으로 2칸이나 4칸의 공백을 사용합니다. 탭보다는 공백을 사용하는 것이 권장됩니다.공백: 요소 간의 공백을 적절히 사용하여 가독성을 높입니다. 9. 접근성 고려alt 속성을 사용하여 이미지에 대체 텍스트를 제공합니다.폼 요소와 연결된 태그를 사용합니다.Email:HTML 네이밍 컨벤션1. 아이디(id)와 클래스(class) 네이밍기본 원칙의미 있는 이름: 요소의 목적과 기능을 설명할 수 있는 .. 2024. 6. 8.
반응형

티스토리툴바