일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 신혼
- 달리기
- effect
- 초코맘
- animation
- 출산휴가
- 결혼준비
- javascript
- 영어 회화
- 영어회화
- event
- 예비맘
- 1일 1영어회화
- HTML
- 신혼생활
- 1일 1독서
- 스타일 가이드
- 재택근무
- 자바스크립트 스타일 가이드
- 용산아이파크몰
- 산책
- 업무
- css
- 청첩장
- 영어공부
- 가을
- 1일 1패턴
- 결혼
- 설날
- 1일 1단어
- Today
- Total
목록자바스크립트 스타일 가이드 (8)
코딩물고기
자바스크립트 툴 1. 빌드 툴 자바스크립트용 툴이 아닌 빌드 툴 중에도 대규모 자바스크립트 프로젝트 관리에 유용 한 것이 많습니다. 앤트 : 자바 기반으로 만들어진 시스템 Buildy : Node.js 기반 빌드 시스템이며 자바스크립트와 CSS와 관련된 내장 테스크를 지원 GMake : 오래된 빌드 툴이지만 유닉스 애호가 사이에서 여전히 인기가 많다. GMake는 jQuery에서 사용되고 있다. Grunt : Node.js 기반 빌드 시스템이며 최소화와 파일 합치기와 같은 자바스크립트와 관련된 내장 태스크를 지원 Jammit : 루비 기반 asset 패키징 툴로 최소화, 유효성 검사 등의 기능을 지원 Jasy : 파이썬 기반 빌드 시스템 Rake : Gmake와 유사한 유틸리티이며 루비로 작성되었다. C..
자바스크립트 스타일 가이드 16. 공백 빈 줄을 사용하면 논리적으로 관련된 코드끼리 묶어서 가독성을 향상시킬 수 있다. 빈 줄 두개는 다음 상황에서만 사용해야한다 소스 파일 부분 사이 클래스와 인터페이스 정의 사이 한 줄 공백은 다음 상황에서만 사용해야 한다 메서드 사이 메서드의 지역 변수와 첫 번째 문장 사이 여러 줄 주석이나 한 줄 주석 이전 메서드 내에서 가독성 향상을 위해 논리적으로 나눈 그룹 사이 공백은 다음 상황에서 사용한다 괄호 앞에 오는 키워드는 공백을 넣어 괄호와 구분한다. 인자가 여러 개일 때는 콤마 다음에 공백을 넣는다. 점을 제외한 모든 이향 연산자는 공백을 넣어 피연산자와 구분한다. 단일 마이너스(-), 증가(++), 감소(--)와 같은 표현식은 공백을 넣어 구분한다. for 문의..
자바스크립트 스타일 가이드 15. 문장 15-1. 간단한 문장 각 줄은 단 한개의 문장만 있어야 하며 모든 간단한 문장은 세미콜론으로 마쳐야 한다. - 좋은 예 count++; a = b; - 나쁜 예 : 한 줄에 여러 문장이 있음 count++; a = b; 15-2. return 문 return 문에서 반환하는 값은 더 명확한 ㅁ표현을 위한 부득이한 경우가 아니라면 괄호를 사용하지 않습니다 return; return collection.size(); return (size > 0 ? size : defalutSize); 15-3. 복합문 복합문은 중괄호 안에 여러 개의 문장이 있는 것을 말한다. 중괄호 안의 문장은 복합문에서 한 단계 이상 들여쓰기해야한다 복합문의 시작을 알리는 여는 중괄호는 줄 끝에..
자바스크립트 스타일 가이드 11. strict 모드 strict 모든느 함수 안에서만 사용해야 하며 절대로 전역으로 사용하지 않는다 - 좋은 예 function doSomething(){ "use strict"; // code } - 나쁜 예 : 전역 strict 모드 "user strict"; function doSomething(){ // code } 여러 함수에 일일이 "use strict"를 쓰지 않고, strict 모드를 사용하려면 바로 함수를 호출하면 된다 - 좋은 예 (function () { "use strict"; function doSomething(){ // code } function doSomethingElse(){ // code } }()); 12. 할당 변수에 할당 값이 비교 ..
자바스크립트 스타일 가이드 10. 이름 규칙 변수와 함수에 이름을 지을 때는 신중해야한다. 이름은 알파벳으로 제한, 경우에 따라 밑줄 문자를 사용할 수도 있다. 이름에 $표시 or \표시 사용하지 않음 변수명은 낙타표기법사용, 첫 문자는 소문자로 새로운 단어의 첫 번째 문자는 대문자로 표시. 변수명의 첫 번째 단어는 반드시 명사를 사용.함수와 쉽게 구분 가능해야한다. 밑줄 문자는 변수명에 절대로 사용하지 않는다. - 좋은 예 var accountNumber = '8401' - 나쁜 예 : 대문자로 시작함 var AccountNumber = '8401' - 나쁜 예 : 동사로 시작함 var getAccountNumber = '8401' - 나쁜 예 : 밑줄 문자사용 var account_Number = '..
자바스크립트 스타일 가이드 8. 변수 선언 모든 변수는 반드시 사용하기 전에 선언되어야 한다. 변수는 한 개의 var 문을 이용해 변수마다 한 줄씩 함수 맨 윗 줄에 선언 첫 번째 줄 다음 줄부터는 한 단계 들여스기해서 변수명의 열을 맞춘다 변수는 가능하면 선언 할 때 초기화해야 하며, 대입 연산자는 들여쓰기 단계 맞추기 변수는 반드시 초기화되지 않은 변수보다 앞에 와야한다. - 좋은 예 var count = 10, name = "Wendy", found = false, empty; - 나쁜 예 : 초기화 코드의 열이 맞지 않음 var count = 10, name = "Wendy", found= false, empty; - 나쁜 예 : 잘못된 들여쓰기 var count = 10, name = "Wend..