221002_WIL
오늘한 일
- react 관련 유튜브 클론코딩 2개 이상
- WIL 작성(ES5/ES6 문법 차이)
- props / state 부분 확실하게 이해하고 넘어가기
이번주 한 일
- 알고리즘 문제 풀기
- 알고리즘 시험
- 함수 기본 스터디 발표
- 리액트 공부 시작!
이번주 공부한 메인 키워드(어려웠던 부분 위주)
- 함수 (map / forEach / each)
- react (contructor / component / props / state)
뭔가 항상 열심히 하지만 남는 건 별로 없는 느낌..
어떻게 공부해야할지 잘 모르겠다. 일단 할 수 있는데까진 해봐야지..!
긍정적인 마인드 한스푼 더하기~!
아래는 항해 이번주 과제?인데 WIL에 같이 업로드하라고 하셔서 함께 쓰려다가.. 나는 나누고 싶어서 ES6 관련으로 게시물 하나 더 만들었다
제일 밑에 링크있음!
ES와 ES6에 대해서
ES = ECMAScript 의 약자
JavaScript(1996년 제작) : 언어
ECMA Script(1997년 제작) : 규격 표준(=스펙)
=> 서로가 기반으로 함
*ECMA-262 : 흔히 자바스크립트라고 부름
- ES5(2009년 출시)
- 이전 버전보다 더 철저한 오류 검사를 제공
오류 경향이 있는 구조를 피하는 하부집합인 ‘strict mode’를 추가
ES3의 규격에 있는 수많은 애매한 부분을 명확히 함 - ES6(2015년 출시)
- (ECMA-262 표준의 제 6판 - 6번째 ES)
- (ECMA-262 표준의 제 6판 - 6번째 ES)
- 클래스와 모듈같은 복잡한 응용 프로그램을 작성하기 위한 새로운 문법 추가
(이러한 문법의 의미는 5판의 strict mode와 같은 방법으로 정의됨) ES5 보다 간결해진 문법
++ 다양한 브라우저 간의 호환성 문제로 ES6의 사양을 준수하지 않는 경우, Babel이 작성된 코드를 ES5 코드로 바꿔주는 역할을 해줌
ES5 / ES6의 차이점
- 변수 선언 키워드
- 템플릿 리터럴
- 객체 리터럴 : 객체를 정의할 때 직접 속성명과 속성값을 각각 문자로 적어서 객체를 정의하는 것
- 화살표 함수
- 구조 분해 할당
- 비구조화를 통해 배열/객체 값을 새 변수에 쉽게 할당할 수 있음
- 화살표 함수
정리한 부분을 다 기입하니 양이 너무 많아서 기본적인 건 여기에 입력하고 자세한 건 따로 빼는걸로!