ReactJS

겨울방학을 맞이하여 React 기초를 다지고자 React 강의에서 배운 내용을 이곳에 기록하고자 합니다.강의는 생활코딩님의 React 강의와https://www.inflearn.com/course/react-%EC%83%9D%ED%99%9C%EC%BD%94%E

아래 내용은 노마드코더님의 강의를 기반으로 작성한 내용입니다. React-js vs React-Dom React-Js는 어플리케이션이 interactive하도록 만들어주는 라이브러리이고, React-Dom은 모든 react elements를 HTML의 body에 넣

컴포넌트 클래스의 형식

아래 내용은 노마드코더님의 강의에서 배운 내용을 기반으로 작성하셨습니다.앞선 글에서는 Class, 즉 객체에서 props를 사용하는 방식을 다뤄보았습니다. 따라서 this.props를 통해 객체 자기자신에게 온 props를 확인할 수 있었습니다. 그렇다면, this를

아래 글은 생활코딩님의 강의를 기반으로 작성한 내용입니다.component에 특정 정보를 전달해줍니다. 얼핏 들으면 props와는 비슷하지만, state는 component 내부에서 설정하는 정보이고, props는 자식 컴포넌트에서 설정하는 정보이기 때문에 차이가 있습

setState() const food = ["tomato", "banana"]; const [name1, name2] = food; => const name1 = "tomato"; const name2 = "banana"; JSX에선 for, class 등

아래 내용은 노마드코더님의 강의에서 배운 내용을 기반으로 작성하였습니다.어떤 함수의 State가 변경된다면 그 함수는 re-render가 될 것입니다. 여기까지는 당연하다고 생각할 수 있지만, 부모 컨포넌트의 state가 수정된다면 바뀔 필요가 없는 자식 컴포넌트까지

배열에 데이터 추가하는 방법 .push -> 원본 배열 수정 .concat -> 반환 값으로 새로운 배열 줌 shouldComponentUpdate(newProps, newState) 복제 Array.from(복제할 객체) Object.assign({추가할 내용},

아래 내용은 노마드코더님의 강의를 통해 학습한 내용들을 기반으로 작성하였습니다.Github 페이지로 배포하는 방법은 간단합니다. 위와 같이 package.json의 script부분에 deploy와 predeploy를 추가해줍니다. 나중에 터미널을 통해 배포하고자 할