[애플스토어 클론 코딩/techit]

ch02

웹팩이란?

: 웹팩은 오픈 소스 자바스크립트 모듈 번들러로써 여러 개로 나누어져 있는 파일들을 하나의 자바스크립트 코드로 압축하고 최적화하는 라이브러리

 

장점

1. 여러 파일의 자바스크립트 코드를 압축하여 최적화할 수 있기 때문에 로딩에 대한 네트워크 비용을 줄일 수 있다.

2. 모듈 단위로 개발이 가능하여, 가독성과 유지보수가 쉽다.

 

babel

 

npx create-react-app ./에서 npx는 무엇인가요?

: npx는 노드 패키지 실행을 도와주는 도구입니다. 그래서 create-react-app이란 npm 레지스트리에 있는 패키지를 react-clayful-app 폴더에서 실행해서 리액트를 설치해줍니다.

 

 

 

---

App.js

: Routing 관련  일을 처리한다

 

 

 

---

React Router Dom이란?

: React Router Dom은 리액트를 사용할 때 페이지를 이동할 때 필요한 라이브러리

 

SPA

: 웹 사이트의 전체 페이지를 하나의 페이지에 담아 동적으로 화면을 바꿔가며 표현

 

 

SPA에서 화면 변경은 어떻게 일어나나요?

: HTML5의 History API를 사용해서 가능하게 만듦.

  js 영역에서 History API를 이용해서 현제 페이지 내에서 화면 이동이 일어난 것처럼 작동하게 해줌.

 

HIstory API

:

 

 

---