[JavaScript] JavaScript Style Guide, Indentation Setting

2024. 2. 11. 03:40·[ Computer Science ]/JavaScript

1. 자바스크립트 스타일 가이드

다양한 자바스크립트 스타일 가이드는 다음을 참고하면 좋다

( 코드 에디터마다 들여쓰기가 다를 수 있으나 하단의 스타일 가이드들은 대부분 2칸 space를 권장한다)

https://google.github.io/styleguide/jsguide.html

 

Google JavaScript Style Guide

Google JavaScript Style Guide 1 Introduction This document serves as the complete definition of Google’s coding standards for source code in the JavaScript programming language. A JavaScript source file is described as being in Google Style if and only i

google.github.io

https://www.w3schools.com/js/js_conventions.asp

 

JavaScript Style Guide

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

 

https://github.com/ParkSB/javascript-style-guide

 

GitHub - parksb/javascript-style-guide: Airbnb JavaScript 스타일 가이드

Airbnb JavaScript 스타일 가이드. Contribute to parksb/javascript-style-guide development by creating an account on GitHub.

github.com

https://standardjs.com/rules-kokr.html

 

JavaScript Standard Style

English • Español (Latinoamérica) • Français • Bahasa Indonesia • Italiano (Italian) • 日本語 (Japanese) • 한국어 (Korean) • Português (Brasil) • 简体中文 (Simplified Chinese) • 繁體中文 (Taiwanese Mandarin) 이것은 Ja

standardjs.com

https://github.com/rwaldron/idiomatic.js/tree/master/translations/ko_KR

 

2. VS Code에서 indentation 설정 (들여쓰기 설정)

Settings 설정창 열기 - 단축키는 ctrl + , 

상단 검색창에 editor tab을 검색한 후

detect indentation 체크 해제

tab size 2로 변경

insert spaces 체크 해제

 

이미 작성한 코드에는 변경 내용이 적용되지 않으니

이미 작성한 코드 파일에 가서

전체 선택을 하고

마우스 우클릭 후 메뉴에서 Fomat Document 선택 - 단축키는 shift alt f

728x90

'[ Computer Science ] > JavaScript' 카테고리의 다른 글

[Web/Node.js] node.js 기초 express 기초  (0) 2024.05.16
[JavaScript] 자바스크립트 기초 5. 형 변환(1)  (0) 2024.02.11
[JavaScript] 자바스크립트 기초 4. 자료형 활용 (number, string, boolean, typeof)  (2) 2024.02.11
[JavaScript] 자바스크립트 기초 3. return문 개념  (1) 2024.02.11
[JavaScript] 자바스크립트 기초 2. 자료형, 추상화, 변수, 함수, 파라미터 개념  (2) 2024.02.11
[JavaScript] 자바스크립트 기초 1. 개요  (1) 2024.02.11
'[ Computer Science ]/JavaScript' 카테고리의 다른 글
  • [JavaScript] 자바스크립트 기초 4. 자료형 활용 (number, string, boolean, typeof)
  • [JavaScript] 자바스크립트 기초 3. return문 개념
  • [JavaScript] 자바스크립트 기초 2. 자료형, 추상화, 변수, 함수, 파라미터 개념
  • [JavaScript] 자바스크립트 기초 1. 개요
dev charlotte
dev charlotte
주 - 컴퓨터공학 / 복수 - 산업 보안
    250x250
  • dev charlotte
    int main() {
    dev charlotte
  • 전체
    오늘
    어제
    • 분류 전체보기
      • [ Laboratory ]
        • Paper review
        • Advanced Operating System
        • System Software & Storage
        • Lab etc
      • [ Computer Science ]
        • Algorithm_C++
        • Operating System
        • Information Retrieval
        • Database_sql
        • SW Engineering
        • Computer Network
        • JavaScript
        • Python
        • Data Structure
        • CS study
        • Distributed systems
      • [ Computer Security ]
        • Convergence Security
        • Web Security
        • PIMS
        • Network Security
        • Digital Finance
      • [ Artificial Intelligence ]
        • Trend
        • Seminar
      • [ 미래, 같이, LG ]
      • [ Development ]
        • [ Front-end ]
        • [ Back-end ] Spring 기본
        • [ Back-end ] Node.js
      • etc
        • 현대오토에버 스마트 모빌리티 공학 체험 교육
      • It's me
  • 블로그 메뉴

    • 링크

      • GitHub
    • 공지사항

    • 인기 글

    • 태그

      오블완
      공대생 대외활동
      백준
      SSAFY
      스마트모빌리티공학체험교육
      코딩 인강
      소프트웨어 공학
      현대오토에버 스마트모빌리티
      자바스크립트
      SQL
      프로그래머스
      프로그래머스 코테
      프로그래밍 언어론
      MySQL
      프로그래머스 c++
      ssafy 13기
      현대오토에버 스마트 모빌리티
      티스토리챌린지
      코딩 교육
      hotstorage
      비전공자 코딩
      현대오토에버
      SQL 쿼리
      데이터베이스
      프로그래머스 입문
      spdk
      싸피
      대학생 대외활동
      싸피 13기
      코드잇
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.4
    dev charlotte
    [JavaScript] JavaScript Style Guide, Indentation Setting
    상단으로

    티스토리툴바