WIL (2) (5/16~5/21)

minkyung·2022년 5월 22일
0

WIL

목록 보기
2/7
post-thumbnail

알고리즘 주차가 시작되어서 자바스크립트 문법을 본격적으로 공부하기 시작했다.

모의고사랑 테스트 패스했다.

그리고 주특기 기초주차를 시작했다..

JavaScript의 ES란?, ES5/ES6 문법 차이

ECMA script = ES

ES6
자바스크립트 표준 문법 중 하나로 가장 보편화됨

프론트 엔드 개발자는 ES5,6,7 정도는 알아두는게 좋음.

  1. let, const 키워드 추가
  2. Arrow function 추가
    (화살표 함수)
  3. Default parameter 추가
    기존에 함수의 매개변수에 초기값을 작성하려면 함수 내부에서 로직이 필요했으나, ES6 이후 default parameter가 추가됨.
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);
  1. Template literal 추가
ES5)
'my name is' + firstName + ' ' + lastName + '.'

ES6)
`my name is ${firstName} ${lastName}.``

ES5)
"제" + " " + "블로그에" + " " + "방문해" + " " + ....

ES6)
`제 블로그에 방문해 주셔서 감사합니다.`
  1. Multi-line string
    기존에는 문자열이 라인을 넘어가게 되면 .\n'+붙여서 다음줄에 계속하게 해야했는데 ES6부터는 백틱으로 그냥 라인 바꾸면 됨

  2. 클래스
    객체 생성 방식 중 하나.

  3. 모듈
    재사용하기 위한 코드 조각을 뜻하며, 세부사항은 캡슐화 시키고 API 부분만 외부에 노출시킨 코드들입니다.

  4. 디스트럭처링 할당
    객체나 배열에 사용해서 개별 변수에 할당하는 것

  5. 프로미스
    비동기 통신에 있어 기존에는 콜백 함수를 사용한 콜백 패턴을 사용함. 안 좋은 경우 => 콜백헬 발생,
    이를 해결하기 위해 프로미스 도임. 프로미스 후속처리 메서드를 통해 에러 처리를 효과적으로 할 수 잇게 됨.

  6. 스트링 메서드
    문자열 메서드 추가 (includes, startWith, endsWith)

profile
프론트엔드 개발자

0개의 댓글