function func1(obj1, obj2) {
var a=1;
var b-3;
var c=a+b;
return c;
}
화살표 함수로 바꾸면
const func1 = (obj1, obj2) => {
var a=1;
var b-3;
var c=a+b;
return c;
}
SPA (Single Page Application)
static 웹사이트 동적으로 바꿔주는 것을 dynamic , 동적인 것과 dynamic은 다른 것
3세대 Ajax를 통해서
지금은 3세대 다음으로 하나의 페이지에서 여러개의 페이지가 있는것처럼 구성됨
화면이 여러 개 있으면 깜빡이게 됨
참고 : https://developer.mozilla.org/ko/docs/Web/API/WebSockets_API/Writing_WebSocket_client_applications
CSR (client side render) : 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내준다. 클라이언트는 그것을 받아 렌더링을 시작한다.
SSR (server side render) : 웹 애플리케이션에서 클라이언트 측에서만 렌더링 되던 부분을 서버에서도 렌더링하여 완전한 HTML 문서를 클라이언트에게 제공하는 기술
ssr는 복잡하므로 framework Next.js를 붙여서 사용함
사용자 경험이 중요하면 비용 상관 없으면 ssr
검색엔진이 많이 필요하면
번들링
압축 simplify
웹팩
★ npm install 패키지 각각 설치
★ npm run build 미니멀라이징
virtual DOM https://www.howdy-mj.me/dom/what-is-dom
component 안에서 관리되고 바뀌는 것을 상태기반이라고 한다.
실습
Home.tsx
npm run start
135쪽
실습하면 나오는 화면.....
아 이제 남은건 책 다시 읽고 머릿속에 넣기... ㅠㅠ
+복습하면서 npx create-react-app blog
그저 이 화면만 나와도 행복하네요.. (수업시간에 오타에 오류에 고생해서 그런지..)
작성 후
npm start
