javascript

목표: ES6 문법을 살펴보고 이를 이용한 실무의 활용 패턴을 알아봅니다. 자바스크립트는 ECMAScript 사양을 준수하는 언어입니다. 이는 마치 우리가 쓰는 일상 언어와 국립국어원에서 제정하는 표준어 규칙 간의 관계와 비슷하다고 볼 수 있습니다. 표준어 규칙도 필요에 따라 개정하듯이, ECMAScript도 필요에 따라 개정됩니다. ES6는 ECMAScript의 제 6판 표준 사양으로, 2015년도에 재정되어서 ES2015라고 불리기도 합니다. (ES6 이후부터 새로운 언어 사양이 매년 발표되고 있습니다. 2020년 기준으로 ES11까지 재정되었습니다.) ES6를 알아야 하는 이유는, ES6에서 추가된 내용이 현대적인 자바스크립트 개발자라면 꼭 알아야 할 내용이기 때문입니다. 해당 내용을 나열하자면 아..

목표: 자바스크립트의 개념, 문법 등을 간단히 살펴보고 브라우저 핸들링, 서버 통신, 프레임워크에 대해 간략히 살펴봅니다. 자바스크립트는 사용자와 웹 페이지 간의 상호작용을 구현하기 위해 만들어진 프로그래밍 언어입니다. 1995년도에 브렌던 아이크에 의해 최초로 개발 되었으며, 인터넷과 브라우저의 발전 역사와 함께 다양한 변화를 겪었습니다. 자바스크립트를 사용해서 아래와 같은 일들을 할 수 있습니다. 웹 페이지 내 인터렉티브 동작 서버 프로그래밍 (Nodejs) 모바일 어플리케이션 (React Native) 데스크탑 어플리케이션 (Electron) 터미널 명령어 도구 작성 코드 실행해보기 각 코드는 크롬 브라우저 개발자 도구 > Console에서 연습해볼 수 있습니다. 윈도우: ctrl + shift +..

호이스팅(hoisting)은 자바스크립트 언어의 중요한 특징 중 하나로, 어렵지 않고 알아두면 좋기 때문에 가볍게 훑어보는 것을 추천드립니다. 이 글에서는 호이스팅이 무엇인지 YDKJS 예제를 통해 살펴보겠습니다. 예시 코드 a = 2; var a; console.log(a); // 2 예제 코드를 봅시다. 과정을 순서대로 나열해보면 변수 a에 2라는 값을 할당 변수 a 선언 콘솔 출력 두 번째 줄에서 변수 a가 다시 선언됐기 때문에 undefined가 나와야 맞을 것 같지만 2가 출력됩니다. 그렇다면 변수 선언이나 할당 위치는 상관이 없는 걸까요? 다음을 봅시다. console.log(a); // undefined var a = 2; 컴파일 과정에 답이 있다 자바스크립트 엔진은 코드를 인터프리팅하기 전..