티스토리 뷰
꼭 지켜야 하는 룰 (지키지 않으면 오류)
(1) JavaScript 식별자는 '문자(a-z, A-Z)', '밑줄(_)' 혹은 '달러 기호($)'로 시작해야 한다.
두 번째 글자부터는 '숫자(0-9)'도 가능하다.
(2) '대문자'와 '소문자'는 구별한다. myname과 myName은 다른 이름이다.
(3) '예약어(JavaScript가 찜해놓은 단어)'는 사용하면 안된다. 예를 들어 if, for, let 같은 것들이 있다.
지키면 좋은 룰 (더 좋은 스타일을 위해)
코드를 작성하는 일은 여러 사람들과의 협업이기도 하면서 스스로와의 소통이기도 하다.
(1) 의미 없는 이름은 좋지 않다.
향후 복잡한 프로그램을 짜게 되면 변수와 함수를 여기저기서 적절히 활용해야 하는데, 이름이 a, b, c, d처럼 의미 없이 설정되어 있으면 어떤 값을 저장해뒀는지 찾기도 어렵고 활용하기도 어렵다. 또한 프로그램의 가독성이 떨어져서 나중에 스스로 프로그램을 살펴볼 때, 그리고 공동 작업을 할 때 매우 불편한 상황이 발생한다.
그래서 프로그래밍 초반부터 적절한 이름을 짓는 습관을 들이는 것이 좋다.
(2) 너무 추상적인 이름은 좋지 않다.
상황에 따라 그냥 name이라는 변수명이 적합한 상황도 있을 수 있겠지만, 긴 프로그램을 쓰다 보면 다양한 '이름'들이 있기 때문에 name은 너무 추상적일 수 있따. 그럴 때는 조금 더 구체적인 이름으로 이해하기 쉽게 만들어준다.
(3) 모든 변수 이름은 'camelCase'로 쓰는 것이 좋다.
변수명에는 띄어쓰기가 불가능하기 때문에, 띄어쓰기 역할을 대신할 무언가가 필요하다. 그 중 하나가 'camelCase'라는 것이다. 첫 번째 글자는 소문자로 하고, 띄어쓰기가 있는 각 단어의 첫 문자를 대문자로 표기하는 방식이다.
중간중간의 대문자가 낙타(camel)의 혹처럼 생겨서 camelCase라고 부른다.
더 좋은 코드 스타일을 위해 다양한 약속들을 만들어 볼 수 있는데, 이런 약속들을 스타일 가이드 혹은 코딩 컨벤션이라고 부른다.
'프론트엔드 > JavaScript' 카테고리의 다른 글
10. 파라미터 (0) | 2022.06.12 |
---|---|
08. 함수 (0) | 2022.06.12 |
05. 변수 (0) | 2022.06.12 |
04. 추상화 개요 (0) | 2022.06.12 |
03.자료형 개요 (0) | 2022.06.12 |
- Total
- Today
- Yesterday
- undefined
- 동적(dynamic) 언어
- 불변 객체
- 느슨한 타입(loosely typed)
- redux thunk
- redux
- findindex
- redux-thunk
- 기본형 데이터
- null
- redux-middleware
- find
- filter
- map
- 참조형 데이터
- foreach
- EVERY
- 비교 연산자
- 얕은복사
- some
- redux middleware
- 타입변환
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |