react : JSX 살펴보기

JSX는 간단히 말해서 자바스크립트의 확장판 1. 태그 사용 원래대로라면 자바스크립트 환경에서 태그를 사용할 때 매번 React.createElement() 를 통해 엘리먼트 생성을 해주어야하는데 JSX는 태그로 표현하되 바벨이 태그를 자바스크립트로 자동 변환해줌 2. 중괄호 {} 표현식은 중괄호 '{}' 로 구분함 {} 안에는 자바스크립트 변수나 수식, 함수 등이 들어갈 수 있음 3. 컴포넌트 컴포넌트 생성 시 이름은 대문자로 시작해야 함 Virtual DOM에서 업데이트를 효율적으로 감지하기 위해 트리구조로 설계되어야 함 4. 하나의 부모 한 컴포넌트 안에 여러 요소가 있는 경우 그것을 하나의 부모 태그로 묶어야함 div로 묶거나 때에 따라 Fragment로 묶기도 함 (Fragment는로 명칭을 생..

2021.02.09

react : 내생각대로 끄적여본, 리액트란?

[목촤] 1-1 리액트란? 1-2 리액트 특징 1-3 리액트 이용률 1-4 리액...ㄹㅂ더ㅑㅐㄹㅎㅂㅎqwfkiopqfjw 1-5 리액트 리액트 리액트 리액트 리액트.... 1-6 ...끄으으으으아아아아아아ㅏ아아아아아ㅏ아ㅏㅇ!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! 항상 느끼는 건데 뭐하나 배워보려고 들어가면 항상 이런 식이다. 코드 입력하기도 전에 이론만 배우다가 쉽게 지치는 느낌..? 한창 개발일을 하다 보면 개요 부분은 머릿속에서 잊힌 지 오~~~래다. 그리하여 어짜피 잊어버릴 것들은 미리 PASS. (=필요하면 나중에 찾자) 위 표에서 보시다시피 내가 한창 취준할 즈음 리액트가 떡상해서 지붕을 뚫고 있었다. 많은 사람이 쓴다는건... 그것만으로도 이미 다각도로 증명된 프레임워크라는 증거..

2021.02.04