우리는 JavaScript에서 함수를 선언할 때, 아래와 같은 방법을 사용하여 함수를 선언하곤 한다. function callMe(name) { console.log(name); } const callMe = function(name) { console.log(name); } 이와 다른 Arrow Function이라고 불리우는 방법으로 함수를 선언할 수도 있다. Arrow Function은 function keyword를 생략했기 때문에 일반적인 함수 선언보다 짧게 선언할 수 있으며, JavaScript에서 this로 생겼던 많은 문제들을 해결해준다는 장점도 가지고 있다. this를 함수에서 사용할 때에 항상 원하는 객체를 참조하지 않았던 것을 생각해보면, 이 Arrow Function에서는 this가 ..
JavaScript에서 변수를 생성할 때는 가장 잘 알려진 것은 var일 것이다. 이번에는 변수 선언 방식인 var, let, const에 대해서 알아보자. 탄생 배경 그 탄생 배경은 크게 두 가지로 나눌 수 있다. JavaScript의 초창기를 함께함 var와 ES6에서 추가된 let, const가 있다. 여기서 ES6는 아래 링크를 참고하길 바란다. ECMAScript란? JavaScript를 배우거나 사용하는 사람이라면 ES6 표준, ES5, ES2020등의 단어를 들어본 적이 있을 것이다. 하지만 arrow function, let, const, spread operator등이 ES6에서 추가됐다는 것은 알아도 ES가 무엇인지 찾 coding-leaf.tistory.com 변수 선언 방식 우선, ..
JavaScript를 배우거나 사용하는 사람이라면 ES6 표준, ES5, ES2020등의 단어를 들어본 적이 있을 것이다. 하지만 arrow function, let, const, spread operator등이 ES6에서 추가됐다는 것은 알아도 ES가 무엇인지 찾아보지 않아 그간 모르고 지내왔다. 이번 시간에는 ECMAScript가 무엇인지 정리해보겠다. What is ECMAScript? ECMAScript는 말 그대로 ECMA라는 기관이 만든 Script 언어이며, ECMA-262 표준를 따르고 있다. ECMA-262는 Ecma International[정보와 통신 시스템을 위한 국제적 표준화 기구]에서 정의한 ECMAScript의 언어 규격이다. JavaScript를 개발한 Netscape가 더 ..
React의 정의 React 공식 홈페이지에 따르면, 사용자의 인터페이스를 짓는 JavaScript library라고 설명한다. 문자 그대로 해석은 가능하지만 무언가 직접적으로 와닫지 않는다. 그렇기에 React를 사용하는 사이트들이 어떻게 동작하는가에 대해서 살펴볼 필요성이 있다. 많이들 알고있고 사용하고 있는 OTT(over-the-top) 서비스 중 하나인 Netflix를 예로 들어보자면, 처음 로그인을 하고 특정 버튼들을 눌러서 여러 상호작용이 가능하다. 이 때에 무언가를 로딩하느라 기다릴 필요도 없다. 또한, 화면 전환도 빠르며 브라우저에서 여는 웹 사이트가 모바일 앱과 같은 동작을 한다고 여길 정도로 매우 부르럽게 작동한다. 이는 기존의 웹 사이트 동작 방식과 사뭇 다른 느낌으로 다가온다. 전..
React에 대한 공부가 필요한 시점에서 스스로의 의욕도 다질겸 스터디를 시작하게 되었다. udemy라는 사이트를 통해서 영상 강의가 이뤄지며 앞으로 꾸준히 공부하고 포스팅을 하고자 한다. 해당 강의에서 제공한 데모 프로젝트들이 존재하는데 아래 Github를 통해 볼 수 있다. GitHub - gurcks8989/React-Demo Contribute to gurcks8989/React-Demo development by creating an account on GitHub. github.com
