React
-
StateReact 2021. 10. 30. 17:28
이 글은 React의 State에 관한 문법 및 개념을 정리하기 위해 작성하였습니다. React components will often need dynamic information in order to render. For example, imagine a component that displays the score of a basketball game. The score of the game might change over time, meaning that the score is dynamic. There are two ways for a component to get dynamic information : props and state T..
-
this.propsReact 2021. 10. 30. 15:50
이 글은 React의 Component Interact중 this.props를 이용한 방식을 정리하고 이해하기 위해 작성하였습니다. Information that gets passed from one component to another is known as "props" To see a component's props object. Every component has something called props. A component’s props is an object. It holds information about that component. To see a component's props object, Use the ..
-
Component InteractReact 2021. 10. 28. 21:49
이 글은 React의 Component Interact중 render함수를 이용한 방식을 간단한 예시를 통해 이해하기 위해 작성하였습니다. A React application can contain dozens, or even hundreds, of components. Each component might be small and relatively unremarkable on its own. When combined, however, they can form enormous, fantastically complex ecosystems of information. In other words, React apps are made out of components, bu..
-
React ComponentReact 2021. 10. 27. 17:57
이 글은 React의 Component에 관한 문법 및 개념을 정리하기 위해 작성하였습니다. React applications are made out of components. A component is a small, reusable chunk of code that is responsible for one job. (That job is often to render some HTML) To use React library by importing React. import React from 'react'; : This code creates a new variable named 'React'. Its va..
-
Advanced JSXReact 2021. 10. 27. 11:06
이 글은 React의 JSX에 관한 기본 개념 및 문법을 정리하기 위해 작성하였습니다. JSX의 추가문법과 헷갈릴 수 있는 부분들을 정리하였습니다. In JSX, you have to use className instead of class This is because JSX gets translated into JavaScript, and class is a reserved word in JavaScript. (When JSX is rendered, className attributes are automatically rendered as class) ex) const myDiv = I AM A BIG DIV; In JSX,..
-
Intro To JSXReact 2021. 10. 26. 22:26
이 글은 React의 JSX에 관한 기본 개념 및 문법을 정리하기 위해 작성하였습니다. React.js is a Javascript library (It was developed by engineers at Facebook) 1. React is fast. Apps made in React can handle complex updates and still feel quick and responsive. 2. React is modular. Instead of writing large, dense files of code, you can write many smaller, reusable..
-
Virtual DOMReact/DOM 2021. 10. 25. 22:49
이 글은 Virtual DOM(가상 Document Object Model)에 관한 내용을 정리하기 위해 작성하였습니다. In usually, Whenever the browser detects a change to the DOM, it repaints the entire page using new version of the DOM. -> It's too Time-Consuming! (Manipulating the DOM is slow. Manipulating the virtual DOM is much faster, because nothing gets drawn onscreen.) So, To prevent unnecessary repaints(Only repaints updated el..
-
DOM (3)React/DOM 2021. 10. 23. 18:45
이 글은 자바스크립트의 DOM(Document Object Model)에 관한 기본 개념 및 문법을 정리하기 위해 작성하였습니다. Events are user interactions and browser manipulations that you can program to trigger functionality. - A mouse clicking on a button - Webpage files loading in the browser - A user swiping right on an image It's like a Pavlovian. Event Firing : The ringing of the bell. Event Listener : The dog is trained..