ECMAScript 2015의 ClassES6에 변수에 대한 규칙이 엄격해지고 클래스와 모듈 같은 복잡한 응용 프로그램을 작성하기 위한 새로운 문법이 추가되었다. 특히 명시적인 클래스의 추가로 더욱 더 편리해졌다. 기본의 자바스크립트(ES5)에는 클래스가 없어서, 생성자 함수와 프로토타입으로 클래스의 개념을 구현했지만, ES6에서는 클래스를 선언할 수 있
스토리지(Storage)자바스크립트 개발을 하다보면 스토리지가 필요할 때가 있다. 스토리지에 대해 알아보자. HTML5에서 추가된 로컬 스토리지는 window 객체의 하위 객체로, 영구 저장인 로컬 스토리지와 브라우저 실행 중에만 유효한 세션 스토리지라는 두 가지 저장 방식을 제공한다. 스토리지 종류 구분 유효기간 localStorage 없음(
자바스크립트 배열 메서드Javascript Array 클래스에 정의되어있는 배열 메서드에 대하여 알아보자. 메서드 설명 reverse() 배열을 역순으로 정렬 sort() 배열 정렬 slice() 배열의 일부 선택 concat() 배열을 하나로 합침 shift() 첫 번째 배열 제거(제거한 값을 반환함) unshift() 첫
PropsProps는 컴포넌트 내부의 Immutable Data(변화하지 않는 데이터)를 처리할 때 사용된다. JSX내부에 { this.props.propsName }이 있을 때, 컴포넌트를 렌더링할 때 propsName = "value"이런 식으로 전달하면 된다. 아래의 예제를 보자. index.js12345import React fr
JSX의 특징이전 포스팅에서 JSX에 대해 잠깐 다뤄보았지만, 본격적으로 자세하게 알아보자. 모든 리액트 컴포넌트는 render메소드가 있는데 이것은 컴포넌트가 어떻게 생길지 정의해준다. 여기서 특별한 점 하나는 JSX다. 이것은 자바스크립트 코드에서 html형식을 그대로 사용할 수 있게 해준다. 그리고 React JSX는 XML같은 문법을 Native