알고리즘 주차가 시작되어서 자바스크립트 문법을 본격적으로 공부하기 시작했다.
모의고사랑 테스트 패스했다.
그리고 주특기 기초주차를 시작했다..
JavaScript의 ES란?, ES5/ES6 문법 차이
ECMA script = ES
ES6
자바스크립트 표준 문법 중 하나로 가장 보편화됨
프론트 엔드 개발자는 ES5,6,7 정도는 알아두는게 좋음.
ES5)
var bmi = function (height, weight){
var height = height || 184;
var weight = weight || 84'
return weight / (height * height / 10000);
}
//함수 호출 시 매개변수로 키와 몸무게를 할당하면, bmi를 리턴해주는 함수 작성
// 파라미터가 없을 시 작성자의 bmi를 리턴
ES6)
const bmi = function (height = 184, weight = 84) { return weight / (height * height / 10000);
ES5)
'my name is' + firstName + ' ' + lastName + '.'
ES6)
`my name is ${firstName} ${lastName}.``
ES5)
"제" + " " + "블로그에" + " " + "방문해" + " " + ....
ES6)
`제 블로그에 방문해 주셔서 감사합니다.`
Multi-line string
기존에는 문자열이 라인을 넘어가게 되면 .\n'+
붙여서 다음줄에 계속하게 해야했는데 ES6부터는 백틱으로 그냥 라인 바꾸면 됨
클래스
객체 생성 방식 중 하나.
모듈
재사용하기 위한 코드 조각을 뜻하며, 세부사항은 캡슐화 시키고 API 부분만 외부에 노출시킨 코드들입니다.
디스트럭처링 할당
객체나 배열에 사용해서 개별 변수에 할당하는 것
프로미스
비동기 통신에 있어 기존에는 콜백 함수를 사용한 콜백 패턴을 사용함. 안 좋은 경우 => 콜백헬 발생,
이를 해결하기 위해 프로미스 도임. 프로미스 후속처리 메서드를 통해 에러 처리를 효과적으로 할 수 잇게 됨.
스트링 메서드
문자열 메서드 추가 (includes, startWith, endsWith)