#리액트 #코딩 #개발
이 영상에서는 리액트 프로젝트의 기초적인 구성과 동작 방식에 대해 알아봅니다. 먼저 index.html은 아주 기본적인 내용으로 작성되어 있어, 실제 웹페이지는 자바스크립트에 의해 동적으로 생성되는 것을 확인할 수 있습니다. 이후 프로젝트의 주요 코드 파일인 main.jsx를 살펴보면, DIV 요소 안으로 렌더링되는 내용이 작성되어 있는 것을 볼 수 있습니다. 여기서는 다른 문서로부터 임포트된 자바스크립트 객체가 마치 HTML 태그처럼 사용되고 있습니다. 이제 리액트가 돌아가는 방식에 대해 어느 정도 감을 잡을 수 있습니다. 다음으로 빌드에 대해 설명하며, 빌드 작업은 컴퓨터가 해당 웹페이지를 가장 효율적으로 실행하기 적합한 형태로 압축하는 과정을 포함한다고 설명합니다. 마지막으로 public과 src 폴더의 차이에 대해 설명하며, public 폴더는 있는 그대로 배포되고, src 폴더는 번들러에 의해 최적화 등의 가공을 거친다고 합니다.
= = =
🏠 얄코사이트: https://www.yalco.kr
📖 얄코 도서: https://www.yalco.kr/book/
🧑🏫 얄코 강의: https://www.yalco.kr/#lectures
🎥 제대로 파는 Git & GitHub: • 제대로 파는 Git & GitHub (대학생 전체강의 반값할인)
🎥 제대로 파는 자바: • 제대로 파는 자바 - Java 끝장내기
🎥 제대로 파는 파이썬: • 제대로 파는 파이썬 - Python 끝장내기
🎥 제대로 파는 자바스크립트: • (구판) 제대로 파는 자바스크립트 - 고정댓글에 새 버전 링크
🎥 제대로 파는 HTML & CSS: • 제대로 파는 HTML & CSS
🎥 갖고 노는 MySQL 강좌: • 왕초보용! 갖고 노는 MySQL 데이터베이스 강좌
🎥 반응형 프로그래밍 RxJS 강좌: • 반응형 프로그래밍이 뭔가요? (+ ReactiveX 강좌)