프론트엔드 개발을 위한 JavaScript 오픈소스 라이브러리
독립성
: 컴포넌트 간 의존성이 없어져 독립적인 작동이 가능재사용성
: 이전에 작성된 기능 구현 시 해당 컴포넌트 재사용 가능JSX란❓
- JavaScript를 확장한 문법을 이 문법을 활용해 React 앨리먼트를 만들 수 있음
- JavaScript만으로(html을 따로 작성하지 않고) 마크업 형태의 코드를 작성하여 DOM에 배치 가능
- 컴포넌트 단위로 작성
- Bable: JSX를 브라우저가 이해할 수 있는 JavaScript로 컴파일하는 컴파일러
컴포넌트란❓
- 하나의 기능 구현을 위해 여러 종류의 코드를 묶어놓은 것
- 리액트 애플리케이션은 컴포넌트들의 관계를 트리 구조로 형상화하여 표현할 수 있음(계층적 구조)
Create React App이란?
리액트 SPA(Single Page Application)를 쉽고 빠르게 개발할 수 있도록 만들어진 툴 체인으로 복잡한 개발 세팅을 대신 해준다고 생각하면 이해하기 쉬움
npx creat-react-app 폴더명
형식을 통해 구현 가능<오늘의 일기>
너무 신기하다는 생각이 들었던 React. 새로운 문법을 보자니 굉장히 낯설고 어색했지만 잘 활용하기만 한다면 정말 편리하겠다라는 생각이 저절로 들었던 유닛이었다. 아직 사용하는 것은 많이 서툴고 문법을 이해하는 것만 가능한 수준이지만 여러 번 반복해서 보면서 익혀야겠다.
이번 페어분은 정말 꼼꼼하게 코드를 이해하려고 하시는 점을 본받고 싶었다. 사실 난 이해하면 그대로 끝이라고 생각하고 어물쩍 넘어가려는 경향이 있는데 페어분께서 이해할 때까지 꼼꼼하게 코드를 분석하려고 하시는 모습을 보고 내 모습을 되돌아보게 되었던 것 같다..
앞으로는 이미 해결한 문제이더라도 내가 그냥 지나친 부분은 없는지 한 번 더 생각해봐야겠다는 생각이 들었다.