코딩을 잘하고 싶은 코린이 동토니

state란? state는 변경될 수 있는 데이터를 말한다. (Hooks가 사용되기 이전에는 state는 함수형 컴포넌트에서 사용이 불가능 했지만 Hooks가 나온 이후로는 함수형 class형 관계없이 사용이 가능하다.) 즉 state는 컴포넌트 내에서 데이터를 유동적으로 관리해야 할 때 사용한다. Props? 이전에 공부한 props(properties)는 컴포넌트간에 전송이 가능한 데이터였지만 부모 컴포넌트에서 전달되는 값이였기 때문에 한 컴포넌트안에서 데이터 변경을 할수가 없다. state 접근 state의 경우 직접적으로 state의 값을 변경시켜주려하면 안된다. class형 컴포넌트에서 setState()함수를 통해 state의 값을 변경시켜주어야 한다. state 예시 counter.js im..

Props JS로 웹개발을 진행해보신분들이라면 수도없이 많이 접했을 단어일 것입니다. 기본적으로 Props는 컴포넌트의 속성(attribute)을 설정할 때 사용하는 요소입니다. 즉 컴포넌트에서 다른 컴포넌트로 값을 전해주는 요소입니다. 중요한건 Props는 모든 컴포넌트와 컴포넌트 사이에서 값을 전달할 수 있는것이 아니라 부모 컴포넌트로부터 값을 불러와 자식 컴포넌트가 사용을 할 수 있게 됩니다. 밑에 예제를 한번 보게되면 import React, { Component } from "react"; import Mycomponent from "./Component/MyComponent"; class App extends Component { render() { return ( ); } } export d..

React.js 공부를 시작하면서 알게된 지식들을 하나하나씩 정리해 보려고 한다 오늘은 React Component에 대해 알아보자 Component란? Component는 HTML을 반환하는 함수다. react는 component를 사용해서 HTML처럼 작성하려는 경우에 필요하다. 다시 말해 우리는 react에서 component를 통해 data를 주고 받을 수 있으며 component를 통해 웹사이트에서 HTML처럼 보이게 할 수 있다라고 정리할 수 있겠다. 그리고 이처럼 HTML과 javascript사이의 이런 조합을 JSX라고 한다. 그럼 JSX는 뭐지? 나는 처음에 JSX는 마치 RxJava같은 그런 생소한 개념중 하나라고 생각을 했다 (뭐.. 생각해보면 단어 태생이유는 비슷한거 같기도 하고....