내배캠 TIL 2023.02.01

팀원들과 아침 조회시간에 알게된 것 

개발자 도구 => 도구 더보기 => css 개요

여기에 들어가면 폰트, 색상에 대한 정보들이 상세히 나와 있고, 정보를 클릭하면 어떤 요소에서 쓰이고 있는지도 보여준다.

image 컴포넌트를 써줘라 (next에서 import 해온 것)

공통 레이아웃을 주었어도  getlayout 메서드?로 보여주고 싶지 않은 컴포넌트 가려줄 수가 있다.

 

next.js에서 어떻게 하면서 로딩 없이 바로 불러올 수가 있다고? html을 다 그린 다음에 가져와서?

공부하다보면 이 내용도 나오겠지.

 

 

 벌써 2월이네 ㅎㄷㄷㄷ

 

 

오늘 목표 

스파르타 next.js 강의 다 듣고 정리 (다 듣긴했는데 정리는 안 함)

throttling, debouncing 코드 따라치기 (코드 따라칠 시간은 없었다)

 

렌더링: 자바스크립트 코드로 html을 만들어주는 행위

 

프리 렌더링: 서버에서 html을 먼저 그리고 클라이언트에게 보내주는 것

• SSR: 런타임에 프리 렌더링(주소창에 해당 url을 넣을 때)
• SSG: 빌드할 때 프리 렌더링 (yarn build)

 

yarn build 하면 .next 라는 파일이 생기고 그 안에 html 파일들이 자동 생성된다. 

 

 

자바스크립트 스터디에서 읽은 것 

Chrome으로 디버깅하기 (javascript.info)

Chrome으로 디버깅하기

객체 (javascript.info)

객체