전체 글

React Lifecycle 그리고 Hooks

LifeCycle Method 는 "생명주기 메서드" 라고 부릅니다. 생명주기 메서드는 컴포넌트가 브라우저상에 나타나고, 업데이트되고, 사라지게 될 때 호출되는 메서드들 입니다. 추가적으로 컴포넌트에서 에러가 났을 때 호출되는 메서드도 있습니다. Hooks 는 리액트 v16.8 에 새로 도입된 기능으로서, 함수형 컴포넌트에서도 상태 관리를 할 수 있는 useState, 그리고 렌더링 직후 작업을 설정하는 useEffect 등의 기능등을 제공하여 기존의 함수형 컴포넌트에서 할 수 없었던 다양한 작업을 할 수 있게 해준다.

React WIL

DOM (Document Object Model) - 영어 그대로는 문서 객체 모델을 뜻하며 브라우저가 웹 페이지를 계층화시켜 트리구조로 만든 객체 모델이다. DOM을 통해 HTML/CSS 를 Javascript 로 연결하는 역할을 한다. 서버리스 (Serverless) - 서버리스는 처음에는 서버 없는 서비스를 이야기 하는줄 알았는데 서버리스는 개발자가 서버 관리가 필요없이 애플리케이션을 빌드하고 실행 시키는 클라우드 네이티브 모델을 의미한다. 클라우드의 발전으로 물리적 서버 없이 클라우드 환경으로 임대를 통해 사용하는 서버를 의미한다.

[JavaScript] ES5 vs ES6 차이

ES5 vs ES6 의 차이 ECMAScripts 의 버전중 하나로 ES5 는 2009 년에 출시했고, ES6 는 2015년에 출시한 버전이다. 1. 데이터 타입의 변경 ( Data-types ) ES5 supports primitive data types that are string, number, boolean, null, and undefined. In ES6, there are some additions to JavaScript data types. It introduced a new primitive data type 'symbol' for supporting unique values. ES5 는 string , number , boolean , null , undefined 의 원시타입 데이터..