내배캠 TIL 2022.11.21

TTV: 화면에 보여지는 시각

TTI: 상호작용 할 수 있는 시각

 

SSR은 TTV(Time To View) < TTI(Time To Interact)

CSR은 TTV === TTI

 

SPA로 만들려고 노력 중

맨 처음에 index.html이 아닌 home.html 창으로 뜨게 하려면 어떻게 해야하지?

handlelocation을 빼먹어서 제대로 뜨지 않았다. 

 

mian.js에서 모든 js에서 불러온 함수들을 다 window. 함수명 해주는 이유

모듈로 만들어서 쪼개면 함수를 한 곳에서만 쓸 수가 있다.

모듈이 아닌 상대이면 다른 곳에서 쓴 함수를 불러올 수가 있다.

 

그러면 export import가 왜 있지

그냥 모든 자바스크립트에서 함수 만들 때  window 붙여서 모든 곳에서 쓸 수 있게 해주면 안되나?

 

자바스크립트 Dom 특강

 

객체란

트리란

인터페이스란 UI란?

 

렌더링이란

우리가 작성한 코드를 상호작용 가능한 페이지로 만드는 것을 의미

HTML => DOM

CSS => CSSOM

 

자바스크립트를 우리랑 상호작용 가능한 DOM으로 만들어주는 것이 렌더링 엔진이  하는 일

 

이벤트를 어떻게 다룰까?

1.

2. 두번째 방식은 익숙하지 않다.(함수 내용이 지워지기가 쉽다)

쿼리셀렉터

겟 엘레먼트 아이디

겟 엘레먼트 바이 클래스

 

dom을 이용한 방식

document라는 돔 최상단에 있는 것에서 멧ㅎ

3. 여러가지 함수를 넣을 수 잇다. 

 

콜백함수란

함수를 파라미터로 받으면 콜백함수이다

 

다른 사람이 만들어준 

git clone

git branch seon

$ git push -u origin seon