코드스테이츠 소프트웨어엔지지어링 부트캠프 +24일(외계어 리액트)

외계어 리액트

리액트는 외계어다

React의 3가지 특징 :

React는 프론트엔드 개발을 위한 JS라이브러리이다.

• 선언형
• 범용성
• 컴포넌트 기반

JSX :

JS를 확장한 문법으로 브라우저가 바로 실행할 수 있는 JS코드가 아니다.

Babel은 JSX를 브라우저가 이해할 수 있게 컴파일해주는 역할을 한다.

우리가 JSX코드로 개발을 하면 Babel이 JS코드로 컴파일 하여 브라우저가 읽을 수 있게 해준다.

JSX가 왜 명시적인가?

HTML과 JS가 결합한 문법으로 직관적이다.

React Component의 필요성

하나의 기능 구현을 위해 여러 코드를 묶어둔것을 컴포넌트라고 한다. 컴포넌트를 분리하면 서로 독립적이고 필요할 때 간편하게 재사용이 가능해서 기능에 집중하여 개발할 수 있다.

몰랐던것:

• JS는 중괄호{}에 쓰라 했는데 되는구간이 있고 안되는 구간이 있다 : return부분에 html이 쓰이는데 그 구간에서 적용되는 말임
• JSX랑 HTML 차이 : HTML은 style,script태그 등을 통해 css랑 js를 사용한다. JSX는 함수안에서 JS,HTML,CSS를 사용할 수 있음.
• return 안에선 하나의 큰 태그만 사용되어야 한다.
• root component는 항상 존재한다. <div id = 'root'></div> 안에 컴퍼넌트들이 들어가게 되어 있음.

사실 아직 뭘 모르는지 모르는 상태다..

리액트 기술블로깅을 하기에는 아직 무리다...

---

이걸 어떻게 공부해야 하나 싶었다.

결국 다시 생활코딩으로 돌아갔다.

혼자 인터넷에서 허우적거리는것보다는 나은것같다.

이고잉님 짱

https://opentutorials.org/module/4058

[

React

수업소개 리액트 입문 수업입니다. 이 수업에서는 아래와 같은 내용을 다루고 있습니다. 리액트를 사용하는 이유 리액트의 컴포넌트를 만드는 법 리액트와 불변(immutable)의 관계 아래 내용은

opentutorials.org

](https://opentutorials.org/module/4058)