안녕하세요!
오늘도 짧포 시간입니다
면접에 대비할 수 있는 몇 가지 질문들을 가지고 왔습니다
질문에 대한 답은 저도 공부를 하고 입장이기 때문에 100프로 정답이 아니며 혹시 틀린 부분에 대해서는 댓글로 정정해주시면 저와 많은 분들에 큰 도움이 될 수 있습니다!
⭐️댓글 환영⭐️
그럼 같이 알아볼까요?
Virtual DOM이란 무엇이며, 실제 DOM과 어떤 차이가 있나요?
DOM은 웹 페이지의 구성 요소들을 트리 구조로 표현한 것입니다. 즉 HTML 문서의 각 요소들을 노드로 나타내는 방식
Virtual DOM은 실제 DOM의 완벽한 복사본 형태로 메모리 상에 존재하는 자바스크립트 객체로 이루어져 있으며 Virtual DOM의 핵심 장점은 실제 DOM을 직접 조작하는 것보다 훨씬 효율적이라는 점이 있습니다
바닐라 자바스크립트 대신 React를 쓰는 이유는 무엇인가요?
동적인 웹 페이지를 보다 효율적으로 유지 보수하고 관리할 수 있도록 react를 사용합니다
또한 Virtual DOM을 사용하여 웹사이트 페이지 이동, 변경 등이 매우 부드러우며 JSX를 이용해 더욱더 편리하게 코드를 구현할 수 있습니다
Redux와 같은 상태 관리 라이브러리를 사용하는 이유는 무엇인가요?
react를 기반으로 제작된 코드들은 컴포넌트를 나눠 코드를 작성하게 됩니다 이유는 코드 작성과 수정에 용이하게 하기 위함인데요
그리고 그렇게 하기 위해서는 상태관리를 중앙에서 할 수 있게 redux와 같은 라이브러리가 필요합니다
그렇지 않다면 props driling 처럼 비효율적인 코드가 작성될 수 있습니다
JavaScript의 동기식과 비동기식 프로그래밍의 차이점은 무엇인가요?
동기식 프로그래밍은 한 번에 하나의 작업만 수행하고, 작업이 완료될 때까지 다른 작업을 대기시키는 방식입니다. 예를 들어, 함수를 호출하면 함수의 작업이 끝날 때까지 기다렸다가 반환값을 받아야 합니다.
비동기식 프로그래밍은 여러 개의 작업을 동시에 수행하고, 작업이 완료되는 시점에 결과를 처리하는 방식입니다. 예를 들어, 함수를 호출하면 함수의 작업을 다른 환경에 위임하고, 즉시 다음 작업을 진행할 수 있습니다. 함수의 작업이 끝나면 콜백 함수나 프로미스 등을 통해 결과를 받아서 처리할 수 있습니다.
Single Page Application(SPA)과 Multi Page Application(MPA)의 차이점은 무엇인가요?
SPA는 클라이언트 측에서 렌더링하는 방식으로, CSR이라고 하고, MPA는 서버 측에서 렌더링하는 방식으로, SSR이라고 합니다
SPA는 자연스러운 사용자 경험, 성능 향상, 생산성 증가 등의 장점이 있지만 초기 로딩 속도, 검색엔진 최적화, 보안 이슈 등의 단점이 있습니다
MPA는 검색엔진 최적화, 첫 로딩 속도 등의 장점이 있지만, 페이지 이동 시 깜빡임, 중복된 리소스 로딩, 서버 부하 등의 단점이 있습니다
브라우저에 웹사이트 주소를 입력하고, 그 웹사이트가 브라우저에 나타나기까지 내부적으로 어떤 일이 벌어지나요?
도메인 이름 해석 → 서버 연결 → HTTP 요청과 응답 → 웹 페이지 렌더링
