기술 면접

의도: UX에도 신경써서 개발하고 있는지 확인하기 위한 질문팁자신의 프로젝트에 적용한 경험도 자세히 얘기해주면 좋다.업데이트 과정을 상세히 순서대로 말해도 좋다.나의 답안Optimistic Update는 사용자에게 변화된 UI를 빠르게 보여주기 위한 업데이트 방식입니다

🗣️ 인증/인가의 관점에서 세션 방식과 JWT 방식의 차이점을 자세히 설명해주세요. 각 방식의 장단점과 실제 프로젝트 활용 경험이 있다면 공유해주세요. 의도: 인증/인가에서 세션 및 JWT에 대해 이해하고 있는지 확인하는 질문 팁: 세션 스토리지와 헷갈리지 말자.

의도: 클라이언트와 서버 사이의 상태 관리를 어떻게 하는지, 브라우저 API에 대한 이해도가 있는지 확인하는 질문팁: 각 기술마다 사용 예시를 들어도 좋다.나의 답안제공된 답안 (모범 답안)쿠키, 세션, 웹스토리지는 모두 클라이언트 측에서 데이터를 저장하고 관리하는 방

의도: 단순히 자바스크립트, 리액트 등의 코딩 기술이 아니라 전반적인 프론트엔드 지식을 가지고 있는지 확인하는 질문팁: 순서에 관련한 질문이기에 제스처 등 비언어적 표현으로 보조하는 것도 좋다.나의 답안제공된 답안 (모범 답안)브라우저의 렌더링 과정은 크게 HTML 파

의도: 쿼리 스트링의 개념과 작동 방식에 대해 이해하고 있는지 확인하는 질문팁: 활용 사례나 예시를 제시하세요.나의 답안제공된 답안 (모범 답안)저는 쿼리 스트링을 주로 검색 기능을 구현할 때 자주 사용했습니다.검색 결과에 대한 내용은 따로 페이지 주소 라우트에 따른

의도: 기본적인 브라우저 작동 방식에 대해 이해하고 있는지 확인하는 질문팁: 순서대로 나누어 단계별로 설명하세요.나의 답안제공된 답안 (모범 답안)우리가 브라우저에 URL을 입력하면 일어나는 일을 단계별로 설명드리겠습니다.네이버의 주소 naver.com을 주소창에 쳤다

🗣️ 정규 표현식을 사용해본 경험이 있으신가요? 의도: 정규 표현식에 대한 개념을 알고 있는지 파악하는 질문 팁: 사용 예시가 있으면 좋습니다. 정규 표현식을 그대로 사용하는 건 힘들기 때문에 사용한 도구도 말하면 좋습니다. 나의 답안 > 제공된 답안 (모

🗣️ 크로스 브라우징이 무엇인가요? 의도: 웹 브라우저 간 예외 처리가 필요하다는 점을 알고 있는지 확인하는 질문 팁: 간단한 에피소드를 소개해도 좋습니다. 나의 답안 > 크로스 브라우징은 웹 사이트나 웹 애플리케이션이 다양한 웹 브라우저와 플랫폼에서 일관된

의도: 성능 최적화 능력을 가지고 있는지 확인하는 질문팁: 사용 사례를 언급하세요.나의 답안제공된 답안 (모범 답안)네, Lazy-Loading은 이름에서 알 수 있듯이 게으른 로딩입니다.일을 하지 않는다는 얘기가 아니라, 쉬게 두었다가 필요할 때만 쓰는 개념입니다.예

🗣️ CORS 오류가 나는 이유에 대해 알고 계신가요? 의도: CORS를 이해하고, 해결 방법 또한 알고 있는지 확인하는 질문 팁: 기술 용어에 유의하세요. 나의 답안 > 제공된 답안 (모범 답안) > 네, CORS는 모든 프론트엔드 개발자가 한 번쯤

의도: 파비콘은 실제로 배포하고 운영해본 서비스가 있다면 알 수밖에 없는 디테일한 개념이기 때문에, 이러한 경험이 있는지 간접적으로 확인해보는 질문이다.팁: Yes or No 여부가 중요하기 때문에 사용해본 경험과 설명을 짧게 하면 된다.나의 답안주어진 답안 (모범 답

의도: 프론트엔드 개발 환경을 구축하는 방법에 대해 알고 있는지, CRA나 Vite 같은 스캐폴딩 도구의 도움 없이 맨땅에서부터 직접 구현한 경험이 있는지 확인하는 질문스캐폴딩 도구(Scaffolding Tool) : 개발자들이 소프트웨어 애플리케이션을 더 빠르고 쉽게

의도: 협업을 위한 프론트엔드 개발 환경을 구축할 수 있는지 확인하는 질문팁: 협업 시의 중요점을 어필하면 좋습니다.나의 답안주어진 답안 (모범 답안)린터는 코드 품질을 향상시키고, 일관된 스타일을 유지하게 해주는 도구입니다.린터를 사용하면 여러 안티 패턴에 대해 경고

의도: 프론트엔드 개발 환경에서 번들러의 역할을 알고 있는지 확인하는 질문팁: 번들러가 사용되는 예시를 제시하세요.나의 답안주어진 답안 (모범 답안)네, 번들러는 "묶음"이라는 단어 뜻 그대로 여러 자바스크립트 모듈과 파일들을 하나로 합쳐주는 도구입니다.자바스크립트로

의도: 기본적인 CSS 지식과 브라우저 렌더링 과정을 알고 있는지 확인하는 질문이다.나의 답안주어진 답안 (모범 답안)두 속성 다 요소를 화면에서 보이지 않게 하는 것이지만, 레이아웃에 영향을 미치는지에 따라 차이가 있습니다.쉽게 말해, 화면에 보이지 않지만 원래 있었

🗣️ styled-components를 써보셨나요? 사용하면서 느낀 장단점에 대해 알려주세요. 의도: styled-components에 대한 경험이 있는지 확인하는 질문 나의 답안 > styled-components의 가장 큰 장점으로는 props를 활용할 수

의도: CSS의 기본적인 단위에 대해 알고 있는지 확인하는 질문나의 답안주어진 답안 (모범 답안)각각 나누어 설명드리겠습니다.px는 우리에게 친숙한 그 픽셀입니다.그러나 유저 디바이스 환경에 따라 크기 변화가 있을 수 있기 때문에 em이나 rem을 주로 쓰는 편입니다.

🗣️ Lighthouse를 이용하여 Web Vital 진단 및 최적화를 진행할 수 있나요?

🗣️ reset.css 또는 normalize.css가 필요한 이유는 무엇인가요? 의도: reset.css와 normalize.css의 필요성과 역할을 이해하고 있는지 평가하는 질문 팁 reset.css와 normalize.css의 개념을 설명한다. 각

🗣️ 브라우저 호환성이란 무엇을 말하는 것일까요? 또한 어떤 점들을 고려해야 할까요? 의도: 지원자가 브라우저 호환성의 개념과 중요성을 이해하고 있는지 평가 팁 브라우저 호환성의 정의와 필요성을 설명한다. 브라우저 호환성을 보장하기 위해 고려해야 할 사항

의도: 지원자가 Tailwind CSS의 장점과 주요 개념을 이해하고 있는지 평가팁Tailwind CSS의 개념과 철학을 설명한다.Tailwind CSS의 주요 장점을 설명한다.Tailwind CSS를 사용하는 예제를 떠올려 본다.나의 답안주어진 답안 (모범 답안)Ta

의도: 자바스크립트 기본 지식, 스코프에 대한 이해도, 추가로 호이스팅에 대한 지식을 가지고 있는지 확인하는 질문나의 답안주어진 답안 (모범 답안)var의 경우에는 함수 스코프를 가지며, 초기화 전에 접근하면 호이스팅 덕분에 undefined를 반환합니다.ES6에서 추

🗣️ 쓰로틀링과 디바운싱의 개념과 사용하는 이유 및 대표적인 사용처에 대해서 설명해주세요. 의도: 성능 최적화 및 각 개념을 어디에 적용하면 좋을지 확인하는 질문 팁: 마지막에 정리하는 말을 넣어줘도 좋다. 사용한 경험에 대해서도 언급하면 좋다. 나의 답안

🗣️ 자바스크립트의 호이스팅에 대해 설명해주세요. 의도: 호이스팅에 대해 이해하고 있고, 어떤 오류가 호이스팅 때문인가 구분할 수 있는지 확인하는 질문 나의 답안 > 주어진 답안 (모범 답안) > 호이스팅의 영어 뜻은 "끌어올리다"입니다. > 그렇

🗣️ 이벤트 버블링과 캡처링에 대해 설명해주세요. 의도: 버블링과 캡처링으로 이벤트를 제어할 수 있는지 확인하는 질문 팁: 이름에서 오는 뜻을 활용한다. 나의 답안 > 이벤트 버블링과 캡처링은 DOM에서 이벤트가 발생했을 때 처리되는 전파 방식을 설명하는 개념입니다. DOM에서 이벤트는 특정 요소에서 발생하고, 해당 이벤트가 DOM 트리를 ...

🗣️ 이벤트 위임에 대해 설명해주세요. 의도: 이벤트 버블링과 캡처링에 대해 잘 이해하고 있는지 재확인 및 위임을 이용해 최적화를 할 수 있는지 확인하기 위한 질문 팁: 최적화 얘기를 하면 좋다. 나의 답안 > 이벤트 위임은 부모 요소에 이벤트를 설정하여

🗣️ 자바스크립트의 this가 어떤 값을 가지는지 각 상황을 가정하여 설명해주세요. 의도: 각 상황에 따라 this의 변화를 이해하고 있는지 확인하기 위한 질문 팁: 암기 질문과 다름 없습니다. 외워오세요. 나의 답안 > 주어진 답안 (모범 답안)

🗣️ 자바스크립트의 프로토타입의 역할을 설명해주세요. 의도: ES6 이전에 많이 쓰이던 프로토타입에 대해서도 인지하고 있는지 확인하는 질문 팁: '설마 이런 것까지 알겠어?'하고 꺼내는 질문이다. 나의 답안 > 주어진 답안 (모범 답안) > 자바스크

🗣️ 자바스크립트의 객체는 참조에 의해 복사됩니다. 이로 인해 생길 수 있는 오류와, 해당 오류를 피하는 방법을 설명해주세요. 의도: 참조에 의한 접근과 값에 의한 접근을 구분할 수 있는지 확인하는 질문 팁: 객체를 참조가 아닌 값으로서 복사하는 방법도 소개하면

🗣️ 자바스크립트의 nullish 값은 무엇이 있을까요? 의도: nullish로 평가되는 데이터 타입과 값의 종류를 이해하고 있는지 확인하는 질문 팁: nullish 병합 연산자를 언급하면 좋다. 나의 답안 > 주어진 답안 (모범 답안) > 자바스크

🗣️ 상태관리는 왜 할까요? 그리고 평소 상태관리는 어떻게 하시나요? 의도: 상태 관리의 목적과 평소 상태 관리 패턴 파악 및 전역 상태 관리에 대해서도 추가 답변(사용하는 라이브러리 등)을 기대하는 질문 나의 답안 > 상태 관리는 React의 핵심 철학인

🗣️ Redux 말고 다른 전역 상태 관리 라이브러리를 사용해 본 적이 있으신가요? 의도: 다양한 상태 관리 라이브러리에 대한 지식과 경험 소개 및 해당 라이브러리를 선택하게 된 구체적인 이유를 설명할 수 있는지 확인하는 질문 나의 답안 > 주어진 답안 (

🗣️ 리액트에서 가상 DOM을 사용하는 이유에 대해 설명해주세요. 의도: 리액트의 기본 원리와 가상 DOM의 핵심을 이해하고 있는지 확인하는 질문 팁: 가능하면 useState와의 관계성도 설명하면 좋다. 나의 답안 > 주어진 답안 (모범 답안) >

🗣️ useEffect의 실행 순서를 라이프 사이클에 관련지어 설명해주세요. 의도 컴포넌트 라이프 사이클과 useEffect의 이해도를 가지고 있는지 확인하는 질문 각 라이프 사이클에서 어떤 작업을 처리해야 하는지 설명할 수 있는지 확인하는 질문 나의 답

🗣️ 리액트의 개발 서버에서는 useEffect가 2번 실행되는 모습이 관찰되는데요, 그 이유가 무엇일까요? 의도: 자칫 지나치기 쉬운 리액트의 기본 개념을 확인하는 질문이다. 개발에 호기심이 많아야 알 수 있는 항목이다. 나의 답안 > 주어진 답안 (모범

🗣️ 커스텀 훅으 사용해 보셨나요? 사용해본 경험을 이야기 해주세요. 의도: 커스텀 훅을 사용할 정도로 코드 퀄리티에 관심이 있는지 파악하려는 질문 나의 답안 > 주어진 답안 (모범 답안) > 네. 저는 최근 프로젝트에서 커스텀 훅을 사용한 경험이 있

🗣️ 리액트의 제어 컴포넌트와 비제어 컴포넌트의 차이에 대해 설명해주세요. 의도: 리액트에 폼을 어떻게 다루었는지 확인하는 질문 나의 답안 > 주어진 답안 (모범 답안) > 저는 리액트에서 폼을 다룰 때 제어 컴포넌트와 비제어 컴포넌트에 대해 익혔습니

🗣️ React.Suspense에 대해 설명해주세요. 의도: 비동기 데이터 로딩 및 렌더링 과정을 이해하고 Suspense를 사용할 수 있는지 확인하는 질문 나의 답안 > 주어진 답안 (모범 답안) > 네. 리액트의 Suspense는 비동기 데이터를

🗣️ 리액트의 상태가 불변성을 유지하는 이유는 무엇일까요? 의도: 무의식적으로 사용하고 있던 개념에 대해 확인하는 질문 나의 답안 > 주어진 답안 (모범 답안) > 리액트는 불변성을 유지하도록 설계되었습니다. > 그래서 잘 아시다시피 상태를 변경하

🗣️ 리액트의 리스트 랜더링에서 key는 왜 넣어줄까요? 그리고 key 값이 유니크해야 하는 이유는 뭘까요? 의도: 자칫 지나치기 쉬운 리액트의 기본 개념에 대해 확인하는 질문 나의 답안 > 주어진 답안 (모범 답안) > 네, 리스트 렌더링에서 key

🗣️ 리액트 컴포넌트의 렌더링 성능 향상에 쓰이는 React.memo에 대해 설명해주세요. 의도: 성능 최적화에 관심이 있는지 확인하는 질문 팁: 사용 예시를 들면 좋다. 나의 답안 > 주어진 답안 (모범 답안) > 리액트에서 컴포넌트가 리렌더링 되

🗣️ 자바스크립트에서 동기와 비동기의 차이에 대해 설명해주세요. 의도: 비동기 프로그래밍에 대해 이해하고 있는지 확인하는 질문 팁: 추가로 둘을 비교한 예시를 들어도 좋다. 나의 답안 > 주어진 답안 (모범 답안) > 자바스크립트에서 동기는 작업을

🗣️ 이벤트 루프와 실행 컨텍스트에 대해서 설명해주세요. 의도: 자바스크립트의 기본 원리와 함께 기술 면접 대표 질문에 대해 준비해왔는지 확인하는 질문 팁 그림으로 설명하는 게 더 좋은 내용이라 제스처를 넣어 설명해도 좋다. 스스로 대답할 때도 그림을 설

🗣️ ==와 ===의 차이점은 무엇일까요? 의도: 자바스크립트의 기본 문법을 확인하는 질문 팁: nullish와 연계하여 대답하면 좋다. 나의 답안 > 주어진 답안 (모범 답안) > 비교할 때 판단이 다릅니다. > 간단히 요약하자면 ==(느슨한

🗣️ html에서 자바스크립트 코드를 로딩하는 ` 태그는 보통 ` 태그의 최하단에 위치하는데요. 그 이유가 무엇일까요? 의도: 브라우저의 로딩 방식과 DOM 트리 구축 등 렌더링 과정에 대한 지식이 있는지 확인하는 질문 팁: module과 defer 속성에 대해서

🗣️ 여러 비동기 함수를 동시에 병렬로 호출하기 위해서는 어떻게 해야 할까요? 의도: Promise에 대한 이해도를 확인하는 질문 팁: Promise.all()을 언급하는 게 정답이다. 나의 답안 > 주어진 답안 (모범 답안) > 보통 async/a

🗣️ 타입스크립트를 사용해 보셨나요? 타입스크립트를 사용하면 느낀 장단점에 대해 설명해주세요. 의도: 타입스크립트를 사용해 봤는지 확인하는 질문 팁: 자바스크립트를 사용하면서 느꼈던 단점을 타입스크립트가 해소시켜줬다는 표현을 사용해도 좋다. 나의 답안 >

🗣️ 타입스크립트의 제네릭을 사용해본 경험이 있으신가요? 의도: 제네릭에 대한 지식을 가지고 있는지 확인하는 질문 팁: 쉬운 예시를 들어도 좋다. 나의 답안 > 주어진 답안 (모범 답안) > 네, 제네릭을 사용하여 여러 코드에 걸쳐 일관성을 높여 재

🗣️ 타입스크립트에서 type과 interface의 차이점은 무엇인가요? 의도: 타입스크립트 환경에서 본인의 습관을 파악하려는 질문 팁: 비교를 통해 간결하게 전달하면 좋다. 나의 답안 > 주어진 답안 (모범 답안) > 둘 다 커스텀 타입을 정의하는

🗣️ SPA에 대해 설명해주세요. 의도: 최근 프론트엔드 패러다임인 Single Page Application에 대해 알고 있는지 확인하는 질문 팁: 장단점을 명확하게 제시하면 좋습니다. 나의 답안 > 주어진 답안 (모범 답안) > SPA는 Sing

🗣️ 리액트 컴포넌트의 장점에 대해서 설명해주세요. 의도: 지원자가 리액트 컴포넌트의 장점을 이해하고 있는지 평가 팁 리액트 컴포넌트의 재사용성, 컴포지션, 유지보수성 등의 장점을 설명한다. 리액트 컴포넌트를 사용하는 예제를 떠올려 본다. 나의 답안

🗣️ 클로저에 대해 설명해주세요. 의도: 어려운 개념인 클로저에 대한 지식을 가지고 있는지 확인하는 질문 팁: 굳이 어려운 단어로 설명하지 않아도 됩니다. 나의 답안 > 주어진 답안 (모범 답안) > 클로저는 자바스크립트의 중요한 개념으로, 함수와

🗣️ RESTful API에 대해 설명해주세요. 의도: 지원자가 RESTful API의 개념과 이를 사용하는 방법을 이해하고 있는지 평가 팁 REST의 정의와 원칙을 설명한다. RESTful API의 주요 특징과 HTTP 메서드(GET, POST, PUT

🗣️ HTTP 프로토콜에 대한 기본 개념과 동작 방식을 설명해주세요. 의도: 지원자가 HTTP 프로토콜의 기본 개념과 동작 방식을 이해하고 있는지 평가 팁 HTTP의 정의와 주요 특징을 설명하세요. HTTP 요청과 응답의 구조를 설명하세요. 상태 코드

🗣️ 리액트에서 사용되는 Virtual DOM의 동작 방식을 설명해주세요. 의도: 지원자가 React의 Virtual DOM의 개념과 그 동작 방식을 이해하고 있는지 평가 팁 Virtual DOM의 정의와 필요성을 설명한다. Virtual DOM이 실제

🗣️ 기존 순수 JavaScript로만 개발했을 때의 한계점과 TypeScript의 등장 배경에 대해 설명해줄 수 있나요? 의도: 지원자가 JavaScript의 한계점과 TypeScript의 등장 배경을 이해하고 있는지 평가 팁 JavaScript의 동적 타

🗣️ TypeScript로 개발하기 위해 반드시 필요한 세팅이 무엇이고, 어떻게 해야 하는지 설명할 수 있나요? 의도: 지원자가 TypeScript 개발을 위해 필요한 환경 설정을 이해하고 있는지 평가 팁 TypeScript 컴파일러 설치 방법을 설명한다.

🗣️ Promise를 사용해 함수의 타임아웃 기능을 구현하려면 어떤 메서드를 사용해야 할까요? 의도: Promise에 대한 이해도를 확인하는 질문 팁: Promise.race()를 언급하는 게 정답이다. 나의 답안 > 주어진 답안 (모범 답안) >

🗣️ Flux 아키텍처를 설명해주세요. 의도: 리덕스에서 쓰였던 Flux 아키텍처의 작동 방식을 알고 있는지 확인하는 질문 팁: 마치 리덕스를 쓸 때처럼 순서대로 얘기하면 좋다. 나의 답안 > 주어진 답안 (모범 답안) > Flux 아키텍처는 단방향

🗣️ 리액트의 Strict 모드는 왜 필요할까요? 의도: 개발 환경에 따른 모드에 대해 알고 있는지 확인하는 질문 나의 답안 > 리액트의 Strict Mode는 개발 과정에서 잠재적인 버그나 비권장 패턴을 조기에 발견하기 위한 개발용 디버깅 도구입니다. St

🗣️ 자바스크립트의 기본 문법인 변수, 상수, 데이터 타입, 연산자, 함수에 대해서 간단하게 설명해주세요. 의도 지원자가 자바스크립트의 기본적인 문법과 개념을 이해하고 있는지 확인하기 위함 지원자가 변수 선언 및 할당, 데이터 타입 식별, 다양한 연산자 사용

🗣️ 자바스크립트의 조건문과 반복문에 대해 설명해주세요. 의도: 지원자가 조건문(if, switch)과 반복문(for, while, do-while)을 이해하고 사용할 수 있는지 확인 팁 다양한 조건문과 반복문의 사용 예제를 준비한다. 각 조건문과 반복문이

🗣️ 배열과 객체의 기본 개념을 이해하고 활용할 수 있나요? 의도: 팁: 모범 답안 > 📝 개념 정리 🌟 🌟 🌟 🌟 🌟

🗣️ 자바스크립트 ES6 문법에서 새로 추가된 문법에 대해 설명해주세요. 의도: 지원자가 ES6의 주요 기능과 그 활용 방법에 대해 알고 있는지 평가 팁: let, const, 화살표 함수, 템플릿 리터럴, 디스트럭처링, 기본 파라미터, 스프레드 연산자 등에 대해

🗣️ 일급 객체로서의 함수가 어떤 의미이며, 왜 중요한가요? 의도: 지원자가 자바스크립트 함수가 일급 객체임을 이해하고, 이를 활용할 수 있는지 평가 팁 함수가 일급 객체로서 가질 수 있는 특성(변수에 할당, 다른 함수의 인수로 전달, 함수에서 반환)을 설명한다

🗣️ Map, Set의 개념과 활용 방법에 대해 설명해주세요. 의도: 지원자가 ES6에서 도입된 Map과 Set의 개념과 그 활용법을 이해하고 있는지 평가 팁 Map과 Set의 기본 사용법과 그 장점에 대해 설명한다. 주요 메서드(add, delete, ha

🗣️ 변수가 메모리에 할당되는 과정에 대해서 설명해주세요. 의도: 지원자가 변수 선언과 할당이 메모리에서 어떻게 이루어지는지 이해하고 있는지 평가 팁 변수 선언 시 메모리 할당 과정을 간단히 설명한다. 스택과 힙 메모리에 대한 기본 개념을 이해하고 있는지 설

🗣️ 실행 컨텍스트와 그 구성 요소인 VariableEnvironment와 LexicalEnvironment의 역할과 차이점에 대해 설명해주세요. 스코프 체인과 this에 대해서도 설명해주세요. 의도: 지원자가 자바스크립트의 실행 컨텍스트와 그 구성 요소를 이해하고

🗣️ 콜백함수의 개념과 그 예시에 대해서 설명해주세요. 의도: 지원자가 콜백 함수의 개념을 이해하고 이를 활용할 수 있는지 평가 팁 콜백 함수가 무엇인지, 언제 사용하는지 설명한다. 콜백 함수를 사용하는 간단한 예제를 떠올려본다. 모범 답안 > 콜백 함수

🗣️ 어떤 항목에서 콜백함수를 전달받은 함수에게 제어권이 이양되나요? 의도: 지원자가 콜백 함수의 제어권 이양 과정을 이해하고 있는지 평가 팁 콜백 함수를 사용하는 대표적인 상황(이벤트 핸들링, 타이머, AJAX 요청 등)에 대해 설명한다. 콜백 함수를 사용

🗣️ 서버 컴포넌트와 클라이언트 컴포넌트는 각각 어느 상황에 사용되나요? 의도: 지원자가 서버 컴포넌트와 클라이언트 컴포넌트를 이해하고 적절하게 사용할 수 있는지 평가 팁 서버 컴포넌트와 클라이언트 컴포넌트의 차이점을 설명한다. 각각의 장단점을 설명한다.

🗣️ 서버 사이드 렌더링이란 무엇인가요? 의도: 지원자가 서버 사이드 렌더링(SSR)의 개념과 필요성을 이해하고 있는지 평가 팁 서버 사이드 렌더링의 정의를 설명한다. SSR의 주요 장점을 설명한다. SSR을 사용하는 예를 떠올려 본다. 주어진 답안

🗣️ Hydration이란 무엇인가요? 의도: 지원자가 Hydration의 개념과 중요성을 이해하고 있는지 평가 팁 Hydration의 개념을 설명한다. Hydration이 필요한 이유를 설명한다. Hydration의 동작 방식을 설명한다. 주어진 답

🗣️ SEO란 무엇인가요? 그리고 SEO를 높이는 방법은 무엇인가요? 의도: 지원자가 SEO(검색 엔진 최적화)의 개념과 이를 개선하는 방법을 이해하고 있는지 평가 팁 SEO의 정의와 중요성을 설명한다. SEO를 개선하는 방법(메타 태그, 정적 사이트 생성

🗣️ Next.js에서 middleware를 사용하여 인가 처리를 하는 방법에 대해서 설명해주세요. 의도: 지원자가 Next.js에서 middleware를 사용하여 인가 처리를 구현할 수 있는지 평가 팁 middleware의 개념과 역할을 설명한다. mid

🗣️ Intercepting Routes를 사용하여 접근 방법에 따라 다른 라우팅을 어떻게 구현할 수 있나요? 의도: 지원자가 Intercepting Routes를 사용하여 라우팅을 제어하는 방법을 이해하고 있는지 평가 팁 Intercepting Routes의

🗣️ 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념에 대해 설명해주세요. 의도 웹 렌더링 방식에 관한 이해를 확인하기 위한 질문 각각 방식에 장단점을 이해하고 있고, 경우에 따라서 어떤 방식을 적용시키는 것이 좋을지에 대해 충분히

🗣️ Next.js의 4가지 렌더링 방식에 대해서 설명할 수 있나요? 의도: 지원자가 Next.js의 다양한 렌더링 방식을 이해하고 있는지 평가 팁 각 렌더링 방식(SSR, ISR, SSR, CSR)의 정의와 특징을 설명한다. 각 방식의 사용 사례를 설명한