신촌에 있는 어떤회사랑 생애 첫 면접을 봤다
나름 열심히 준비는 했던 것 같은데 글로만 끄적이고 머리로만 되뇌이는 것 보다
육성으로 말을 하면서 준비를 하는게 제일 베스트인것 같다.
모든 질문이 기억나진 않았지만 받았던 질문을 토대로 다시 복습을하는 시간을 가져봐야겠다.
- React는 무엇인가요?
- 리액트는 웹/앱의 View를 개발할 수 있도록 하는 가장 인기있는 프론트엔드 라이브러리이다.
- 리액트는 단방향 데이터 플로우를 갖고, Component 기반 구조로 되어있어서 전체 코드를 파악하기가 상대적으로 쉽고, 재사용성이 높다.
- Props와 State로 데이터를 관리하는데 Props는 부모가 자식에게 전달해주는 데이터이고 그 데이터를 전달받은 자식컴포넌트에서 그 데이터를 병경할 수 없다. State는 컴포넌트 내부에서 선언하고, 내부에서 값을 변경 할 수 있다. 주로 동적인 데이터를 다룰때 사용한다.
- 그리고 전통적인 브라우저 렌더링과는 다르게 이벤트가 발생할때마다 가상돔을 생성후, 실제 DOM과 비교하고 바뀐 부분만 업데이트를 해준다. 따라서 앱의 효율성과 속도를 개선할 수 있다.
- SSR CSR SEO에 대해 설명해주세요
- CSR: 최초 한 번 서버에서 전체페이지를 로딩해서 보여주고 이후 유저의 요청에 따라 JS를 이용하여 필요한 리소스를 서버로 부터 제공받는 방식. 장점으로는 첫 로딩 후 동적으로 빠르게 렌더링 되기 때문에 UX가 좋다. 그러나 모든 스크립트까 로드될 때까지 기다려야하고, SEO의 문제가 있다.
- SSR:브라우저에서 페이지를 요청할 때마다 서버에서 해당 페이지에 관련된 HTML CSS JS 파일 및 데이터를 받아와야한다. CSR보다 불러올 페이지의 수가 적어서 상대적으로 초기 로딩속도가 빠르고, JS를 이용한 렌더링이 아니기 때문에 SEO최적화가 가능하다. 그러나 매번 페이지를 요청할 때마다 새로고침을 해야하기 때문에 UX가 떠떨어지고, 서버의 부하가 크다.
- SEO(검색엔진 최적화): 웹페이지 검색엔진이 자료를 수집하고 순위를 매기는 방식에 맞게 웹 페이지를 구성하여 검색결과의 상위에 나올 수 있도록 하는 작업을 의미. CSR이 SEO가 떨어지는 이유는 뷰를 생성하기 위해 JS가 필요하고 그 전까지 data가 없기 때문에 크롤러가 빈페이지라고 인식하기 때문이다. 따라서 SSR로 첫 번째 페이지를 로딩을하고 나머지 페이지는 CSR을 활용하는 방법을 많이 사용한다.
Next.JS Nuxt.JS 혹은 React-helmet라이브러리..
- OSI 7계층에대해 설명해주세요 -> 따로 빼서 정리
- 정렬 알고리즘은 어떤게 있나요? 그리고 그 중에 가장 시간 복잡도가 낮은게 뭔가요? -> 따로 빼서 정리
가로