데브코스

리액트(React)

hxx_1 2024. 10. 30. 16:02

React (웹 프레임워크)

  • React.js 는 자바스크립트 라이브러리의 하나임
  • 사용자 인터페이스를 만들기 위해 페이스북(조던 워크)에서 개발 
  • 싱글 페이지 어플리케이션 및 모바일 어플리케이션 개발 가능

리액트의 동작 원리

  • 초기 렌더링
  • 가상 DOM(Document Object Model) 변경
  • 재조정
  • 실제 DOM 업데이트 

🔽 이전에 리액트 프로젝트를 하면서 정리해뒀던 글인데 참고하면 좋을 것 같다.

https://hyenee99.tistory.com/102

 

리액트 시작하기

폴더 생성하고 vscode 터미널에서 아래의 명령어 실행npx create-react-app ./ 리액트 기본 구조 살펴보기이름이 수정되면 안되는 파일1. public / index.html => 페이지 템플릿2. src/ index.js => 자바스크립트 시

hyenee99.tistory.com

🌟 배운 점

오늘 드디어 리액트를 시작했다. 이전에 간단한 리액트 프로젝트를 해본 적이 있어서 낯설지 않았다. 이전에는 JSX 문법의 차이점을 잘 이해하지 못했는데, 오늘 수업에서 자바스크립트로 작성한 코드와 JSX 문법으로 작성한 코드를 비교하면서 차이점을 확실히 알 수 있었다. 또한, JSX 문법이 정말 편리하다는 것도 깨달았다.