자바스크립트 기초문법 배워서 웹UI 만드는건 나름 만들 수 있다.
이제 그 다음이 문제인데,
Angular, React 이런걸 하기 위해선, 서버를 만들기 위해선 어려운 문법 개념들이 필요하다.
ES6에 대해서 배워보려고 한다.
var function if for forEach eventListener
[Array] {Object} 자료만들고 수정하는 법
에 대해 알고 있다면 ES6를 배우는데 수월하다.
책이나 구글 검색결과보면 너무나도 어려운 표현들이 기다리고 있다.
인스턴스, 1급객체, 생성자 ... 등 등
뭔소린지 이해도 안되는 말로 설명하고 있으니 공부해도 기억에 안남는 것이다.
이 블로그에서는
쓸데없이 어려운 프로그래밍 용어는 설명할 때 사용하지 않는다.
당연히 주요 프로그래밍 용어 정리는 한다.
역시 문법공부는 문법을 어떻게 쓰는지 알아야하기 때문에
예제를 찾아보기 마련인데 예제 조차 이해가 되지 않는다.
책이든 구글이든 마찬가지이다.
왜냐면 많이 배운 개발자일 수록 모듈화니 객체화니 뭐니 예제 어렵게 만드는 트레이닝을 많이 했기 때문이다.
그래서 현 강의에선 foo bar myFunction 이런 의미없고 알아보기 힘든 변수명은 사용하지 않는다.
그리고 중요한 변수명 함수명은 한글로 많이 표기할 예정이다.
그리고 예제들이 실제 코딩생활에서 찾아볼 수 있는 예제들로 풀어보려고 한다.
내 코드에서 this가 제대로 나오지 않는 이유는?
왜 다음 예제에서 setTimeout 함수가 제대로 동작하지 않을까?
실제 맥락에 맞게 문법예제들을 학습하실 수 있어서 실제 코드 창작에도 도움이 확실히 될 것이다.
코딩테스트 이런거 좋아하는 분들을 위해 그런 류의 연습문제들도 가끔 풀어보려고 한다.
"문법 배워봤자 뭐해요 실제로 코드짜야될 땐 전혀 쓰질 못하는데 말이에요." 라는 생각이 가끔 든다.
class 문법 언제 쓰는지 아나요?
그냥 간지를 위해 쓰는거라고요? ㄴㄴ 이것도 정확한 용도가 있다!
class문법이 존재하는 목적과 이유를 아셔야 내가 정확한 부분에서 정확히 class 문법으로 작성하게 되고
나중에 코드 작성시에도 class 문법을 활용할 수 있다.
그래서 ES6와 객체지향 문법 사용법만 알려드리는게 아니라
신문법을 쓰는 이유와 용도를 많이 설명해드리려고 노력하고 있다.
그렇기 때문에
문법설명 전에 이 문법이 쓰이는 이유와 용도를 블로그에서 잘 설명하려고 한다.
이 부분은 이전 블로그 Javascript 강의 정리를 다시 보고 오자!