20230607/ React 개념정리

천재가되고싶다·2023년 6월 7일
0

REACT

목록 보기
1/17

REACT 관련 정보 간단 정리

1) REACT는 JS의 라이브러리이다.

2) REACT는 JSX라는 자바스크립트의 확장 문법을 사용한다.

3) JSX를 사용하기 위해서는 BABEL compiler를 설치하여야 한다.

4) 즉 REACT와 BABEL은 항상 같이 가지고 가는 애들이란걸 명심.

REACT를 사용할때 주의해야 할것

1) 동적으로 생산하는 요소에 class를 넣을때 class가 아닌 className을 사용

2) 전통적인 문법인 if문/ for문 사용을 지양한다. forEach, 삼항연산자등을 사용하는듯

3) 단독으로 사용되는 태그는 반드시 닫는 기호를 넣어야 한다.

4) 3과 연계해서, REACT는 생략이라는 개념이 없다. 따라서 닫는 태그도 표기를 해주어야하고,
동적으로 넣는 DOM요소에 들어가는 PROPERTY즉 PROP도 안넣을꺼면 null이라고 표기해주어야함.

5) JSX관련으로 명령어를 입력, 처리를 하면(babel compile과정) 개발자 도구 콘솔창에 에러 메시지가 뜨는데 그냥 문제 없다고 알아두면 된다.

6) REACT같은 경우 설치를 하게 되면 용량이 엄청나기 때문에, 배포하는 목적이 아니면 CDN으로 개발하면 된다.

REACT 관련 단어 정리

1) 컴포넌트란? -> 간단히 말하면 태그들이 들어가는 태그 모음, 요소 모음 같은 개념

2) props란? -> property를 뜻하는것으로 class, id등 html요소에 들어가는 속성을 의미

3) children -> 동적으로 들어가는 요소를 뜻하는 명령어.

0개의 댓글