Home

1. VSC (Visual Studio Code) 익스텐션 가이드 Prettier - Code formatter: 코드를 자동으로 정리해 주어 일관된 코딩 스타일을 유지하도록 합니다. 파일 저장 시 자동으로 코드 포맷을 적용하도록 설정할 수 있습니다. ESLint: JavaScript 코드에서 발견된 문제점을 식별하고, 특정 규칙에 따라 코드를 수정할 수 있도록 도와줍니다. Live Server: 로컬 개발 환경에서 HTML과 CSS 파일을 실시간으로 미리 보면서 작업할 수 있게 해 줍니다. GitLens: Git 관련 정보를 코드 내에서 쉽게 확인할 수 있게 해주며, 누가 언제 해당 라인을 수정했는지 등의 정보를 제공합니다. Bracket Pair Colorizer: 괄호를 색상별로 구분하여 가독성을 높여 줍니다.
2. HTML, CSS, JS 코딩 스타일 가이드 HTML 인덴테이션: 공백 2개를 사용합니다. 클로징 태그: 태그의 명확한 구조를 위해 항상 닫는 태그를 사용합니다. 속성 작성: 속성 값은 항상 큰따옴표("")로 감싸줍니다. CSS 선택자: 클래스는 '-'를 사용하여 작성합니다 (예: .my-class). 0 값 사용: 단위가 필요 없는 0 값은 단위 없이 사용합니다. 중괄호 전 공백: 중괄호를 열기 전에 공백 하나를 사용합니다. JavaScript 변수 선언: 가능하다면 let, const를 사용해 변수 범위를 명확히 합니다. 함수: 화살표 함수(() => {})를 사용할 때 가능하다면 짧고 간결하게 작성합니다. 따옴표: 문자열에는 일관되게 백틱(`) 또는 작은따옴표(')를 사용합니다.
3. 깃 관리, 커밋 가이드 브랜치 네이밍 규칙: 기능 추가는 feat/, 버그 수정은 fix/, 문서 변경은 doc/로 시작합니다. 커밋 메시지: 커밋 메시지는 명령형으로 작성하며, 첫 글자는 대문자로 시작합니다. 예: "Add login feature" Pull Request (PR): 기능 개발이 완료되면 main 브랜치가 아닌 develop 브랜치로 PR을 생성합니다. PR 설명에는 변경 사항과 테스트 내용을 포함합니다. 코드 리뷰: 다른 팀원의 코드 리뷰 요청이 있을 때는 상세하게 확인하고, 개선점이나 의문점을 적극적으로 제시합니다.