프론트엔드 기술면접을 위한 체크리스트, Since 2020.06.09 🅒 Edited by Max Jonghyuk Kim

<aside> 🚫 제 개발자 지인이라면 얻을 수 있는 특권...바로 이 링크입니다. 이 문서는 소수의 김종혁 지인들, 친구들 혹은 직장 동료들에게만 오직 저의 의지로 공유되고 있으니, 제 허락없이 다른 곳에 배포나 공유는 안 해주셨으면 합니다!

</aside>

면접 보고 오는 족족 갱신합니다. 굿럭굿럭

• 깃헙 프로필 : https://github.com/MaxKim-J
• 개발 블로그 : https://maxkim-j.github.io/
• Latest version edited at 2020.03.07 - 목차를 추가함

1️⃣ 클라이언트/브라우저/웹 기본

클라이언트와 서버의 차이

• 클라이언트 : 서비스를 사용하는 사용자 혹은 사용자의 단말기, 서버에 데이터와 자원을 요청
• 서버 : 서비스를 제공하는 컴퓨터, 클라이언트가 요청한 자원과 데이터를 제공하는 역할
• 클라이언트와 서버는 동일한 컴퓨터에 존재할수도 있고 네트워크를 통하여 서버와 연결되어 있을 수도 있음

SPA

• 최초 한번 페이지 전체를 로딩한 후 이후부터는 자바스크립트를 이용하여 데이터만 변경하여 사용할 수 있는 웹 애플리케이션 ⇒ 요즘 트렌드
• 전통적인 웹 방식은 요청 시마다 새로고침이 일어나면서 서버로부터 리소스를 전달받아 해석하고 화면에 렌더링하는 방식
• 장점: (초기 뷰 로딩 말고) 서버와의 의존성을 줄여서 전반적인 성능 향상, 자바스크립트로만 상태값을 변경하고 서버에 요청하지 않으니 사용자의 인터렉션에 더 즉각적으로 반응하여 사용자 경험 향상

브라우저 렌더링 원리