| 면접 질문 |
| 리액트는 프레임워크 인가? 라이브러리인가? |
| 리액트에서 A컴포넌트에서 B컴포넌트로 어떠한 특정 값을 넘겨주기 위해서는 어떤 방법을 사용해야할까요? |
| 부모-자식 컴포넌트가 존재할 때 데이터는 양방향으로 흐를 수 있나요? 아닌가요? |
| 리액트에서 state의 변경만이 UI를 변경시킬 수 있는 이유가 무엇일까요? |
| 리액트에서 상태를 변경할 때는 불변성을 지켜야만 함 -> 리액트는 불변성을 통해 상태 변경을 감지하고, 그에 따라 컴포넌트를 렌더링(setState를 통해서 변경할 땐 새 배열을 생성해서 setItem하란 소리) |
| 위에서 언급된 Virtual Dom은 무엇인가? DOM과의 차이는? |
| 리액트가 가상Dom을 이용하여, 실제 DOM을 조작하는 과정은 어떻게 되는가? |
| Broswer Rendering |
| CSS Reset은 왜 필요한가? |
| useEffect hook은 언제 사용할까요? 사용 예시를 2개 이상 들어주세요(간단히). |
| useEffect hook에서 cleanup 함수란 무엇을 의미하나요? |
| useRef hook은 어떤 특징을 갖고있고 언제 사용할까요? |
| Context API를 사용하기 위해 가장 중요한 3가지 개념은 |
| 전역상태로 Context API를 쓰는것이 어떤 단점을 가질 수 있나요? |
| 리액트 메모이제이션 기법 3가지 React.Memo , useCallback 함수 , useMemo값 |
| fetch, Server Action , Route Handler의 사용 목적과 차이점 (김민영) |
| useContext를 사용하면 위에서 언급하였듯 단점을 가지고 있다 불필요한 리랜더링이 많이 발생하는 문제 어캐해결함 |
| any 타입이 불가피하게 사용되는 경우는 어떤 것이 있나요? |
| 자바스크립트에서 변수 선언 방법 종류와 특징에 대해서 설명해주세요. |
| var과 let의 차이점 |
| 자바스크립트 클로저와 그 활용방안에 대해서 설명해주세요. |
| 동기와 비동기에 대해서 이벤트 루프와 연관지어서 설명해주세요. |
| 웹팩, vite 등 현대 번들러의 기능에 대해서 설명해주세요. 어떤한 기능을 대신 해주고 왜 그게 유용한지 설명해주세요. |
| CJS 와 ESM 의 차이에 대해서 설명해주세요. |
| 리액트에서 내부적으로 훅을 관리하는 방법에 대해서 설명해주세요. |
| useState 와 useEffect 의 동작방식을 자세하게 이야기해주세요 |
| useContext 와 zustand 의 차이점에 대해서 설명해주세요. |
| 타입스크립트가 자바스크립트 대비 가지는 이점과 특징을 설명해주세요. 그리고 타입스크립트만의 한계점이 있는게 있다고 생각하신다면 말씀해주세요. |
| 타입스크립트의 타입 어노테이션과 추론의 차이점에 대해서 설명해주세요. |
| Next.js 에서 사용할 수 있는 렌더링 패턴에 대해서 아시는만큼 말씀해주세요 |
| fetch, Server Action , Route Handler의 사용 목적과 차이점 |
| Next.js 에서의 데이터 캐싱 방법에 대해서 말해주세요. |
| 간단하게 자기소개 해주세요. |
| 저희 회사는 vue,js를 사용하는데 , 만약 vue.js를 배워야한다면 뭐부터 시작을 하실건가요? |
| 프론트엔드 개발자로써 중요한 부분이 뭐라고 생각하시나요?. |
| 개발자로서의 성장은 무엇이라고 생각하시나요? |
| 커리어 관점에서 10년 후 지향하는 목표와 이루고 싶은 성과에 대해 이야기 해주세요. |
| 프로젝트에 참여한 누군가가 내 코드를 변경시킨다면 기분이 어떨 것 같으신가요? |
| 프로젝트를 하다가 의사소통에 실패한 경험이 있다면 말씀해주세요. |
| 스밋은 어떤 서비스인가요? 프로젝트를 진행하시게 된 이유를 함께 설명해주세요. |
| 스밋에서 어떤 기능을 구현하셨나요? |
| 어떤 선택지 중 Next.js를 사용하신 이유가 있을까요? |
| 왜 Frontend 분야에 관심을 가지게 되었나요? |
| 진행했던 프로젝트 중 어려운 기술적 문제를 주도적으로 해결했던 경험을 이야기해주세요. |
| 자신만의 학습 방법이 있다면 말씀해주세요. |
| 리액트의 훅에 대해 설명해주세요. |
| useCallback, useMemo에 대해서 설명해주세요. |
| useEffect를 사용할 때 본인만의 원칙이 있으신가요? 있다면 이유도 함께 이야기해주세요. |
| Next.js는 어떤 장점이 있나요? |
