[항해99] TIL D+14

뭐가 그리 급한지..

• 나만의 페이스를 찾아야하지만 쉽지 않다.
• 원하든 원하지 않든 다른 사람들의 소식은 계속 들려오고 다들 나를 앞질러 저 멀리 가고 있는것같다.
• 오늘 그래서 오버페이스로 달렸다.
• 물론 오버페이스로 달리면서 강의내용을 다 소화했으면 문제 없겠지만
• 강의 내용을 소화하지 못했다는게 문제다..

공부전략

• 사실 강의들으면서 어차피 다시 한번 더 들어야겠거니 생각했다.
• 따라서 우선 과제를 진행하며 모르는 부분을 찾아보는 식, 즉 백과사전식으로 강의를 봐야겠다.
• 그런 의미에서라면 차라리 이렇게 강의를 끝낸게 오히려 좋을 수도 있다.
• 애매..하다 노리고 한거면 모르겠는데 상황과 조급함에 자기합리화를 한 것 같다.
• 반성하고 행동하는 대로 생각하는게 아닌 생각한 대로 행동할 수 있도록 하자.

강의 주제들

• 다 목차에 나오는 내용들이긴하지만
• props와 state를 쓰고
• 바로 redux를 사용해서 전역상태관리를 하며
• 그와 동시에 reducer를 이용해 CRUD를 하는데
• 이때 dispatch와 action함수를 이용한다.
• firebase를 이용해서 서버리스 서비스를 만들고
• 그리고 리덕스와 연결지어 데이터를 다룬다.
• 또한 배포도 firebase를 이용해 이루어진다.
• 정적 사이트 관리는 amazon s3를 사용한다.
• 솔직히 쓰면서도 뭔 소리인지 모르겠다.
• 조만간 나도 진짜 멋지게 정리할 수 있는 날이 오겠지
• 조급해하지 말고 나의 페이스대로 계획대로 나아가자.

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

• ES란 ECMA Script의 약어이며 자바스크립트의 표준 규격을 나타내는 용어이고, JavaScript를 표준화시키려고 탄생했다.
• JavaScript의 역사는 점점 깊어지고, 문법의 보완이 필요하면서 버전별로 문법을 확장시키고 브라우저는 특정 버전의 기능별로 지원할 수 있도록 ES가 명세를 확정해왔다.
• 그렇다! 그래서 ECMA Script는 JavaScript를 표준화시키고, 규격화하기 위해 만들어진 것이다.
• ES5 (2009)
  • 배열에 forEach, map, filter, reduce, some, every와 같은 메소드들이 지원되었다.
  • Object에 대한 getter와 setter가 지원되었다.
  • Javascript strict모드가 지원되었다. (기존에 비해서 더 엄격하게 문법 검사를 진행한다.)
  • json 형식의 자료들을 지원한다. 과거에는 XML이라는 규격을 사용했다가, json이 인기를 끌면서 javascript 역시 지원을 하게 되었다.
• ES6 (ES 2015)
  • Hoisting을 개선했다.
  • 기존에는 var키워드를 사용하여 호이스팅이 빈번하게 일어났는데 이를 방지하기 위해 블록 스코프를 가진 let과 const를 추가했다.
  • 화살표 문법을 지원한다.
    • 장점 : 코드의 간결화, this를 바인딩하지 않는다.
  • iterator와 generator 추가.
  • module의 import/export 추가.
  • Promise 도입
  • 자바스크립트는 비동기적 언어이기 때문에 callback에 대한 이슈가 많았으나 이부분을 해결할 수 있는 문법을 제공한다.