열심히 그리고 잘하기.28 React - Props 1. Props란? React.js에서 props는 Immutable Data 즉, 변하지 않는 데이터이다. 상위(부모) component에서 하위(자식) component로 데이터를 넘겨줄 때 사용한다.(component에 전달해서 보관하길 원하는 데이터) 부모 객체가 자식 객체에 props 값을 전달하면, props 값을 받은 자식 객체는 이에 관한 부분들을 렌더링 하며, state라는 자체 값을 포함하여 데이터를 변경해주고, 다시 렌더링 해줄 수 있다. props는 개발에서 많이들 사용되는 용어인 프로퍼티(properties)의 줄임말이다. 만약 props의 값을 변경하고 싶을때는 component 내부가 아닌, 부모 component에서 변경해줘야 한다. 2. Props 사용 예 ↓ 부모객체에서 .. 2020. 6. 18. React - State(상태) 1. State란? state의 단어 뜻은 상태이다. 즉, component 내부에서 가지고 있는 component의 상태 값이다. 객체의 형태를 가지고 있으며, component 내에서만 정의하고 사용 가능하며, 얼마든지 값이 바뀔 수 있다. 2. State 설정 (클래스형 component에서 설정방법) class State extends Component { constructor(){ super(); this.state = { testColor: "brown", titleColor: "blue", test: true, }; } render() { return( //// JSX 내용 //// ); } } 클래스형 컴포넌트 안에는 기본적으로 render 함수가 필요하고 화면에 나타내고 싶은 JSX 요소.. 2020. 6. 17. Javascript - Variables(변수) 1. 변수의 사용 제 이름은 개발자입니다. 이름 = 개발자 컴퓨터도 사람과 같이 많은 데이터를 기억해야 하는데, 이때 변수를 사용한다. 2. 변수의 생성 다양한 값(value)을 각각의 변수에 저장한다. "직업", "이름"과 같은 역할을 하는 것을 variable(변수)라고 하며, "김개발", "개발자"와 같은 값은 value(값)이라고 한다. JavaScript에서 위의 문장을 표현하고 싶다면, 변수 이름 앞에 var라고 쓰고 값을 할당해주면 된다. var name = "김개발"; var job = "frontend developer"; name, job은 변수이다. 김개발은 name이라는 변수에 할당된 값이다. frontend developer은 job이라는 변수에 할당된 값이다. name이라는 변수.. 2020. 6. 17. Javascript - 주석 1. 주석이란 주석(Commenting)이란 코드를 작성하긴 했지만 브라우저에서 해당 코드를 무시하라는 뜻이다. 2. 주석을 사용하는 이유 코드를 볼 때마다 이해가 되지 않아 설명을 적어놓을 때 다른 사람에게 인수인계시 코드를 설명해 놓을 때 특정 코드를 다시 쓸 수도 있기 때문에 주석처리해놓고 설명을 적을 때 3. 주석의 형태 // 현재 줄은 주석, 브라우저에 나타나지 않는다. let hellow = []; // 빈 배열 선언 // 주석을 쓸 때는 slash 두개로 시작. 이렇게 slash 두 개를 사용해 //가 있는 줄만 주석 처리를 해줄 수도 있고, /* 이렇게 여러줄을 주석처리 해줄 수도 있다. */ 여러 줄을 한 번에 주석처리해주고 싶으면 위 코드와 같이 /*로 시작해서 */로 끝내면 된다. 2020. 6. 16. 이전 1 2 3 4 ··· 7 다음
