✍ Today I Learned
- 스스로 하지 않으면 발전은 없다! 분발하자!
- [Style Guide]
- operator 양쪽에 공백 두기
- 변수 이름 시작에 숫자나 대문자 X
- 달러($) 기호로 이름을 시작하지 않기
- 파일명은 소문자로 하는 것을 추천
- [Best practices]
- 전역 변수,
new, ==, eval() 가급적 사용하지 않기
- 변수는 상단에 선언하고, 선언하면서 초기화
- 객체, 배열 선언은
const
- 자바스크립트는 자동형변환 되는 경우가 많으므로 언제나 데이터 타입에 유의하기
switch 문은 언제나 default로 끝내기eval() 함수 사용하지 않기
- [Mistakes]
= 할당 연산자와 == 비교 연산자 헷갈리지 말기(할당은 할당 값을 반환)switch문은 타입까지 비교하는 엄격한 비교를 함- 소수점 연산이 언제나 정확한 것은 아님
return문에서는 줄 바꿈 하지 않기
- [Performance]
arr.length 같은 명령문은 반복문 외부에 배치하기- DOM 요소에 여러 번 접근하는 경우 지역 변수로 선언하기
- 값을 저장하는 것이 아니라면 새 변수 생성하지 않기
with 키워드 사용하지 않기
- [class란?]
- class는 객체를 위한 템플릿이다.
- class를 사용하면 설계도와 구현체를 구분할 수 있기 때문에 재사용성이 올라간다.
- class 상속을 생성하려면
extends 키워드를 사용한다.
super() 메서드는 부모 class를 참조한다.get, set 키워드를 이용하여 getter와 setter도 사용할 수 있다.- class 선언은 호이스팅 되지 않는다.
static 메서드는 class 자체에 정의되고, 객체로 접근하여 사용할 수 없다. 오직 class명으로만 호출할 수 있다.- 그럼 전부
static 메서드로 사용하면 되는 거 아니야? 놉. 주소 값이 하나밖에 생성되지 않기 때문에 새로운 객체를 만들어낼 수 없다.
- [JSON이란?]
- JavaScript Object Notation - 자바스크립트 객체 표기법
- 데이터 전송에 필요한 경량 데이터의 표준 형식
- 텍스트 전용이므로 컴퓨터 간에 쉽게 전송되고 모든 프로그래밍 언어에서 사용 가능
// 서버로 부터 데이터를 받을 때
const obj = JSON.parse(text);
// 서버로 데이터를 보낼 때
const myJSON = JSON.stringify(obj);
- 조건을 잘 살펴보고 논리 연산자를 적극 활용하자.
- 숫자와 문자열 데이터를 가공할 땐 메서드를 적극 활용하자.