react 15버전

먼저 벨로퍼트님의 4편 참고했음create-react-app 라이브러리 이용해서 프로젝트 생성 후,안에 들어있는 app.js, index.js 수정했으며,MyName.js 만들었음먼저 리액트는 상태값 변경하는게 거의 전부라고 봐도 무방한데,리액트 컴포넌트에서 다루는 데

컴포넌트가 브라우저에 생길때props나 state가 바꼈을 때(update될 때)props : 속성 , state : 상태컴포넌트가 브라우저에서 사라질 때이렇게 총 4개의 상황에서 각 사이사이 상황에 무언가 하고싶다면 Life Cycle API를 이용해야 한다.출처 :

input name="" 이걸로 데이터 전달하고 그런거를리액트 실습을 해보겠다.벨로퍼트님꺼 참고해서 따라했음PhoneForm.js에서 input에 name속성을 다 설정해두었고,input안 에 내용 변경이 있을 때마다onChange={this.handleChange}에

벨로퍼트 7편보고 실습한 글입니다.리액트애서는 state 내부의 값을 직접적으로 수정하면 절대로 안됩니다. 이를 불변성 유지라고 하는데요, push, splice, unshift, pop 같은 내장함수는 배열 자체를 직접 수정하게 되므로 적합하지 않습니다. 그 대신에,

데이터를 html에 꽂아 넣는 것을 말한다.데이터를 어디선가 받아와서 그 데이터를 html로 보여주는 것.src, id, href 등의 속성에도 {변수명, 함수 등} 사용 가능이런식으로 써야함리액트에서 state는 변경되면 html이 새로고침 없이 자동으로 재랜더링 된

벨로퍼트님 8편보고 작성한 글입니다.componentDidUpdate(prevProps, prevState) 함수 역할이 굉장히 큰 거 같다.공부가 정말 많이 필요할듯..생명주기 안에서 해내는 일이 굉장히 많은 것 같다.그리고 prevProps, prevState는 리

벨로퍼트님 9편보고 작성한 내용입니다

이 글은 벨로퍼트님 10편 을 보고 정리한 내용입니다출처 : 벨로퍼트님 10편 리액트는 컴포넌트로 다 쪼개서 컴포넌트를 조합해서 쓸 수 있게 한다.props와 state 그리고 lifeCycle API 가 리액트의 핵심이다.props (속성) 는 부모에게서 받고, 자

특정 함수 또는 값을 props로 받아와서 사용하고 싶은 경우에 사용redux store안에 있는 상태를 props로 넣어줄 수도 있고, 액션을 디스패치하는 함수를 props로 넣어줄 수도 있다.connect 함수는 리액트 앱의 하위 컴포넌트에서 redux store를

setTimeout 안에서 this 는 예약어라서 사용 못한다고 한다.그래서 this를 변수에 담고 그 변수로 함수 및 props 등등 호출하면 된다.

둘 다 잘되는 함수.but이건 안됨.onClick도 함수고()=> 이것도 함수고this.onChangeRdG도 함수이기 때문에onChangeRdG입장에서 onClick함수 안의 ()=> 함수 안의 함수 이기때문에this가 바인딩이 잘 안된다.화살표 함수를 쓸 때는 주의

html페이지에서는 카카오 맵이 아주 예쁘게 잘 불러와 지는데,유독 팝업만 띄우면 잘 안되는 것이다.이렇게 ;;그래서 너무 해맸는데 원인을 찾았음원인은지도앱은 라이브러리 특성상 항상 가운데 위치를 하기 위해 position: absolute를 사용하여 부모요소의 위치를

먼저 classnames 라이브러리를 사용하는 이유는조건에 따라서 클래스 이름을 추가하거나, 제거하거나, 다르게 주고싶을 때 사용한다.

나는 프로그레스 바를 만들어야했다.설명을 돕자면이런거를 만들어야했는데setTimeOut을 걸어서 퍼센트만큼 계속해서 상태를 setState해주면서 그래도 0.5초간은 % 숫자를 사용자가 볼 수 있도록 해야했으므로 비동기 처리가 필수적이었다.하지만 나는 API를 여러번

활성화 처리하고싶다면또는사용

부모.js 자식.js