일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 초코맘
- 결혼
- 1일 1패턴
- 달리기
- 가을
- 산책
- 자바스크립트 스타일 가이드
- 1일 1단어
- 스타일 가이드
- 용산아이파크몰
- 설날
- 1일 1영어회화
- 영어회화
- 결혼준비
- 영어 회화
- 신혼
- 업무
- 출산휴가
- 예비맘
- 재택근무
- 1일 1독서
- animation
- 영어공부
- 신혼생활
- 청첩장
- javascript
- HTML
- css
- effect
- event
- Today
- Total
목록스타일 가이드 (6)
코딩물고기
자바스크립트 툴 1. 빌드 툴 자바스크립트용 툴이 아닌 빌드 툴 중에도 대규모 자바스크립트 프로젝트 관리에 유용 한 것이 많습니다. 앤트 : 자바 기반으로 만들어진 시스템 Buildy : Node.js 기반 빌드 시스템이며 자바스크립트와 CSS와 관련된 내장 테스크를 지원 GMake : 오래된 빌드 툴이지만 유닉스 애호가 사이에서 여전히 인기가 많다. GMake는 jQuery에서 사용되고 있다. Grunt : Node.js 기반 빌드 시스템이며 최소화와 파일 합치기와 같은 자바스크립트와 관련된 내장 태스크를 지원 Jammit : 루비 기반 asset 패키징 툴로 최소화, 유효성 검사 등의 기능을 지원 Jasy : 파이썬 기반 빌드 시스템 Rake : Gmake와 유사한 유틸리티이며 루비로 작성되었다. C..
자바스크립트 스타일 가이드 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..
자바스크립트 스타일 가이드 7. 주석 주석을 자주 사용하면 다른 사람이 코드를 이해하는 데 도움이 된다 이해하기 어려운 코드 에러로 오해하기 쉬운 코드 로직이 명확하지 않은 특정 브라우절르 위한 코드 문서 생성에 필요한 객체, 메서드, 프로퍼티 7-1. 한 줄 주석 코드 한 줄 이나 코드에 관련된 줄을 주석 처리할 때 사용 한단의 코드를 설명하기 위해 독립된 줄에 주석을 작성 주석 앞의 코드를 설명하기 위해 줄 끝에 주석을 작성 한 줄 주석으로 여러 줄의 코드를 주석 처리 좋은 예 if(condition){ // 이 줄이 실행되었다면 모든 보안 검사가 통과되었다는 의미입니다. allowed(); } 나쁜 예 : 이전 줄에 빈줄이 입력되지 않음 if( condition){ // 이 줄이 실행된다면 모든 보..
자바스크립트 스타일 가이드 1. 들여쓰기 if(true){ doSomething(); } 2. 줄 길이 한 줄은 최대 80자이다. 80자보다 길어지면 연산자(콤마, 더하기 기호 등) 이후 줄을 끊어 다음 줄에 작성한다. 끊어서 하면 8줄 공백 doSomething(argument1, argument2, argument3 argument4); 3. 기본 리터럴 문자열은 반드시 작은따옴표가 아닌 큰따옴표를 사용하고 한 줄로 작성한다 문자열을 역슬래시로 끊어 여러 줄에 걸쳐 작성하면 안된다. 좋은 예 - var name = "Nicolas"; 나쁜 예 - var name = 'Nicolas'; 숫자는 꼭 10진수 정수, 지수 표기법을 사용한 정수, 16진수 정수 또는 부동 소수점 10진수만 사용하고 소수점 뒤..