POB_TIL 0531

이지훈·2022년 5월 31일
0

프리온보딩_TIL

목록 보기
19/22

예전 디자인과 변화

예전에는 IE도 고려하고 지금 많이 사용하는 기술들이 그당시에는 특정 브라우저만 지원하는 등 사용이 불편했다. 그래서 float 등을 사용해서 정렬을 하기도 했다.
하지만 이제는 그냥 flex, grid를 사용하면 된다.

그리고 디스플레이 하드웨어의 발달에 따라 이미지로 배경등을 만들면 해상도가 높아지며 용량이 커져 성능이 떨어진다. 그래서 색 또는 svg형태로 많이 제작한다고 한다.

프론트엔드 면접질문

모의면접에서 몇가지 질문이 나왔는데 그 중 내가 대답 못 할 것 같은 문제들도 몇가지 있었다.

  • 클래스 컴포넌트와 함수 컴포넌트는 렌더링 시 어떤 차이가 있는가
    클래스 컴포넌트는 변화가 일어난 state 부분만 새로 호출하지만 함수형 컴포넌트는 매번 모든 함수를 새로 호출한다.

  • useEffect dependency 배열에 num 타입 변수와 object 타입 변수가 들어갈 때 어떤 차이가 있는지

num 타입은 값 자체로 판단되기때문에 새로 렌더링할때도 값으로 평가되어 같은것으로 취급한다.
object 타입은 레퍼런스 주소값으로 판단하기 때문에 새로 렌더링할때는 새로운 주소값으로 평가하여 다르다고 취급한다.

  • setState의 비동기 동작
    setState는 비동기적으로 동작하며 일반 동기적 코드처럼 실행순서를 보장하지 않는다. 여러개의 setState를 동시에 사용하면 언제 어떤순서로 실행될지 모른다는것.
    비동기적으로 setState이후에 실행을 보장받고싶다면 setState의 두번째 인자로 콜백함수를 넘겨줄 수 있다!

  • CSR과 SSR의 차이
    CSR은 초기에 고정된 meta 데이터와 거의 비어있는 html파일을 받는다
    SSR은 초기에 어느정도 데이터가 담긴 html, 그리고 각 페이지에 맞는 적절한 meta데이터를 제공한다. 이 정보들은 seo최적화에 유리하다.

속도는 어떤 게 빠를까?
나는 SSR이 초기속도가 빠르고 CSR이 초기속도가 느린 대신 그 이후의 동작은 빠르다고 알고 있었다. 하지만 SSR은 데이터를 가공해서 채우는 시간이 걸리고 CSR은 고정된 문서를 그냥 주기만 하면 되는데 이 차이도 생각해볼 필요가 있었다. 만약 서버가 데이터를 가공하는 시간이 오래걸린다면 CSR이 더 빠를 수도 있는것이다.

그 외에도 CSR은 고정된 파일을 주는 것인 데 반해 SSR은 서버에서 페이지를 가공해야하기 때문에 서버 자원이 사용된다. 이런 점도 모두 고려해야한다.

profile
안녕하세요! 대학교 졸업한 이지훈입니다.

0개의 댓글