JSX ?? javaScript 확장 버전으로 syntax extension for JavaScript라고 합니다. HTML과 아주 비슷하게 생겼고 javascript 파일 내에서 작성할 수 있습니다. var a = ( Welcome to CodeLab ); ""으로 감싸지 않고 소괄호 () 를 사용합니다. 1. Nest...
props ? properties 의 줄인 표현으로 컴포넌트 속성을 설정할 때 사용하는 요소 props 값은 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서만 설정할 수 있습니다. 순서 props 렌더링하기 ⇒ props 값 설정하기 ⇒ props 기본 값 설정하기 ⇒ props 값 검증하기 JSX 내부에서 props 렌더링 props를 렌더링...
이전에 props 는 부모 컴포넌트가 설정하며, 컴포넌트 자신은 해당 props를 읽기 전용으로만 사용할 수 있습니다. 컴포넌트 내부에서 업데이트 할 수 있는 값을 사용하려면 state 를 써야 합니다. 이것은 언제나 기본값을 미리 설정해야 사용할 수 있으며, this.setState() 메서드로만 업데이트해야 합니다. 순서 state 초깃값 설정하...
순서 /리액트를 불러와서 사용하겠다./ import React form 'react' 컴포넌트를 만드는 방법은 1. 함수 2. class 1. 함수로 만들어 보기 2. 만든 컴포넌트를 적용하기 컴포넌트를 만들었다면 이제 적용을 해보자. App.js에서 적용을 시키면 된다. 3. index.js 구조 뜯어보기 4. ReactDOM....
Redux Flux와 기능이 비슷하지만 Flux는 store가 여러개를 사용할 수 있지만 Redux는 한가지의 store를 사용한다. 대신, Redux의 store는 다양한 상태 객체로 나뉘어진다. Redux의 세 가지 원칙 상태는 읽기 전용이다. 순수 함수로써 변경이 된다. 단일 소스이다. 액션 리덕스의 상태를 변경하기 위해서는 액션을 내보내야한다....
액션 상태를 "업데이트를 할 때 어떻게 업데이트 할지 "정보"를 지니고 있는 "객체" 타입값을 필수로 가지고 있어야 한다. 액션 생성함수 액션 객체를 만들어주는 함수 리듀서 상태를 바꿔 주는 것 > 리듀서 함수는 "이전 상태"와, 액션 객체를 파라미터로 받습니다.
여러개의 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담이 덜하다.빠른 서비스를 제공여러개의 서로 다른 패키지들이 서로 같은 이름의 전역 변수를 사용하면 프로그램은 오작동을 일으킨다.(충돌) 이 문제를 극복하기 위해서 등장한 것이 모듈 웹팩은 아직 최신 기술이라서
여러개의 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담이 덜하다.빠른 서비스를 제공여러개의 서로 다른 패키지들이 서로 같은 이름의 전역 변수를 사용하면 프로그램은 오작동을 일으킨다.(충돌) 이 문제를 극복하기 위해서 등장한 것이 모듈 웹팩은 아직 최신 기술이라서