패스트캠퍼스 챌린지 3일차 - 한 번에 끝내는 React의 모든 것 초격차 패키지 Online

수강 인증샷

---

패스트캠퍼스 챌린지란?

패스트캠퍼스에서 진행하는 '50일 공부 루틴 챌린지' 행사로 50일 동안 매일 수강 인증샷과 함께 학습 기록을 게시글로 남기는 행사다.

---

3일차

 3일차에는 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터 중 03. JSX과 Babel, JSX 다루기 강의 내용에 대해 기록하려 한다.

 Part 1. React 기초 Ch 01. React 맛보기 강의 챕터 중 03. JSX과 Babel, JSX 다루기 강의에서 JSX와 Babel이라는 개념에 대해 다루는데, JSX란 JavaScript를 확장한 문법을 뜻하며, UI가 어떻게 생겨야 하는지 설명하기 위해서는 React와 함께 사용할 것을 권장하는 것이 React 공식 문서의 지침이다. JSX를 좀 더 깊게 살펴보면, React에서는 렌더링 로직이 UI 로직(이벤트가 처리되는 방식, 시간에 따라 state가 변하는 방식, 화면에 표시하기 위해 데이터가 준비되는 방식 등)과 연결된다는 사실을 받아들인다. 따라서, React는 별도의 파일에 마크업과 로직을 넣어 기술을 분리하지만, 이 둘을 포함하는 컴포넌트라고 부르는 느슨하게 연결된 유닛으로 관심사를 분리(Soc)한다. 하지만 이 JSX를 사용하려면 한 가지 준비물이 필요한데, 그것이 바로 Babel이다. Babel 없이 JSX 코드를 그대로 실행시키면 우리가 원하는 결과를 출력해주지 못한다. 그 이유는 JSX를 모르기 때문인데, JSX를 사용하려면 Babel을 먼저 준비해 준 다음 Babel이 JSX의 코드를 해석하여 우리가 원하는 결과를 출력하게 해 준다.

---

본 게시글은 이벤트 참여를 위해 작성된 게시글입니다.

 

---

패스트캠퍼스 공식 홈페이지 : https://bit.ly/37BpXiC