jsx 3

Chapter 02: Check Detail with Official Document - JSX, Props, State, Life Cycle, Event, Rendering, List and Form

Why Do We Need To Read Official Document? React is Library. And we can understand deeply when we read the inventor's intention when we read official document. Create React App First of all, we need Node to use 'React Create App' So check whethere we have Node on our computer or not. Node provides the environment for React app to work in local environment. Node installed -> npm(node package manag..

React - From A To Z 2022.11.18

Chapter 01: Taste "React" - JSX, Babel, Multi Elements, Re-rendering, Event Handling, Component State, Hook and Ref

The goals 💪🏻What & Why? ✌🏻Basic knowledge of React 👍🏻Try React! DOM (Document Object Model) 메모리에 웹페이지 문서구조 표현->DOM으로부터 element개념이 등장 CDN (Content Delivery Network) 웹에서 사용되는 다양한 컨텐츠 (리소스)를 저장하여 제공하는 시스템 createElement를 이용해서 첫 인자로 "h1"을 주고 뒤에 props가 들어가는 부분에는 object로 각각 className과 children을 할당하고 또 "Hello, world!" 라는 값을 할당했는데 결과를 보면 태그 안에 class로 "title"이 들어가있고 children으로 "Hello world"할당. 과연 우리가 임의로 ..

React - From A To Z 2022.11.16

Section 03: Component - Driven User Interfaces - Building Interactive & Scalable UIs

The goals 💪🏻React Core Syntax & JSX ✌🏻Working with Components 👍🏻Working with Data What Are Components? And Why Is React All About Them? React is a JavaScript library for building user interfaces HTML, CSS & JavaScript are about building user interfaces as well React makes building complex, interactive and reactive user interfaces simpler React is all about "Components" -Because all user interfac..