22.07.24 일요일
🚀WIL
JavaScript의 ES란?
ECMA스크립트(ECMAScript, 또는 ES)란, Ecma International이 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다. 자바스크립트를 표준화하기 위해 만들어졌다. 액션스크립트와 J스크립트 등 다른 구현체도 포함하고 있다.ECMA스크립트는 웹의 클라이언트 사이드 스크립트로 많이 사용되며 Node.js를 사용한 서버 응용 프로그램 및 서비스에도 점차 많이 쓰이고 있다.
ECMA에서는 자바스크립트의 표준만 내리는 게 아니라 다른 표준안도 정하기 때문에 그와 구분하기 위해 숫자를 붙였는데 262다. ECMA262라고 보인다면 아, 자바스크립트 표준 규격이구나라고 생각하면 될 것 같다.
즉, 자바스크립트는 언어이고, ES는 스펙이다
ES5/ES6 문법 차이
- 템플릿 리터럴
작은 따옴표나 큰 따옴표 대신 백틱으로 문자열을 감싸 표현하는 기능이다. 플레이스 홀더(${})를 사용하여 백틱 내부에 문자열과 함께 표현식을 넣을 수 있다.
ES5
var name = "현진";
var age = 25;
console.log("저의 이름은 " + name + "이고, 나이는 " + age + "살 입니다.");ES6
var name = "현진";
var age = 25;
console.log(`저의 이름은 ${name}이고, 나이는 ${age}살 입니다.`);- 화살표 함수
화살표 함수가 추가되어 함수를 간결하게 나타낼 수 있다. 가독성 및 유지 보수성이 올라갔다고 판단, 단 기존의 함수와 this 바인딩이 다름
화살표 함수에서 매개변수가 하나일 때 () 괄호 생략 가능, {} 소괄호 및 return도 생략 가능
var str = arg1 => console.log(arg1);- this
ES5같은 경우 객체 내에 있는 메소드를 실행 시 this는 메소드가 선언된 해당 객체를 가리킨다.하지만 객체 안에서 선언된 함수의 this는 해당 객체가 아닌 window를 바라보고 있기 때문에 함수 안에서 this.name, this.age 를 하여도 아무 값이 나오지 않는다.이러한 경우 해결방안으로 innerInfo.call(this) 를 통해 this 를 바인딩 시켜주거나 this를 해당 변수에 담아서 var self = this 와 같은 방식으로 접근하면 사용하면 된다. 반면, ES6에서의 this 는 자신을 둘러싸고 있는 this를 바라보기 때문에 따로 바인딩이나 변수에 담을 필요 없다. - 변수선언
기존의 var 키워드에 비해 블록 레벨 스코프를 가지며 재할당이 가능한 let, const 키워드가 추가
변수에 생명주기에 영향을 끼리며, 키워드만 보아도 변수의 변화가 생기는지 안 생기는지 알 수 있다. 호이스팅에 있어서도 변화가 생겼다. - 모듈
ES5 에선 require 를 통해 모듈화를 할 수 있었다. ES6 부터는 import/export 로 모듈을 관리할 수 있다.모듈은 실현가능한 특정 프로그램의 그룹이다. 그리고 이것은 다른 파일의 변수, 함수를 참조한다.클래스와 같은 모듈이 로딩될 때, import와 export를 이용해 사용될 수 있다. - 클래스
ES5에선 class라는 키워드는 없었지만 프로토타입을 통해 실현 가능했다.ES6에서는 class 키워드를 사용해서 선언할 수 있다.
💬 2주차 후기
2주차의 주제였던 알고리즘 주차가 끝났다. 커리큘럼상 목요일에 끝나서 벌써 3주차 주특기 입문주차가 시작됬는데 이제 항해의 패턴을 알거같다.
새로운 주차가 시작되는 첫날은 엄청난 멘붕이 온다. 왜냐하면 마치 수영을 못하는데 물에 막대기, 튜브, 물안경 등등과 함께 던져주고 알아서 도구 사용해서 기어나와! 이런 느낌으로 시작한다. 알고리즘 첫날도 그랬고 지금 주특기 입문 첫날도 아무것도 모르겠어 이걸 나보고 하라고? 하나도 이해가 안되는데? 이런 생각을 하루종일 하게됬다.
그렇게 멘붕의 첫날이 오고 매니저님이 너무 부담말고 자바스크립트에 익숙해지는걸 목표로 삼으라고 조언주신 덕에 힘을 얻었다. 잘하려고 하지말고 익숙해지자 눈에 익히자 그리고 꾸준히 하자.
팀원분들과 하루에 한번씩 맡은 문제를 설명해주는 스터디를 했는데 도움이 많이 되었다. 일단 남한테 설명하려면 내가 100프로 이해가 되어야 하니까 이해 될때까지 찾아보고 공부했다. 그덕에 알고리즘 모의고사 문제였던 date함수 문제가 나한테는 어렵지않았다.
사실 지금도 빈 페이지에 함수써봐 이러면 자신 없다. 하지만 이번 주차를 끝내면서 꾸준히 하면 되는구나 이제 조금은 알겠다 그치만 꾸준히 해야겠다. 주특기 주차도 오늘, 지금은 어렵고 이해 안되지만 목요일쯤에는 나아지겠지란 믿음이 생겼다.
다음주도 화이팅
