| 주제 | 발표날짜 | 발표자 |
|---|---|---|
| JS var, let, const 차이, 호이스팅(hoisting)에 대해 설명 | 2022.4.6 9:30 | 홍현승 |
| sync async(await) | 2022.4.7 9:30 | 이경섭 |
| contextAPI, REDUX | 2022.4.8 9:30 | 김태희 |
| React 불변성 | 2022.4.9 9:30 | 김민우 |
| 클래스컴포넌트와 함수컴포넌트의 차이 | 2022.4.11 9:30 | 김형중 |
| Promise와 Callback 차이 | 2022.4.12 9:30 | 박성혜 |
| useMemo와 useCallback에 대해 설명 | 2022.4.13 9:30 | 김경래 |
| Redux-saga, Redux-Thunk | 2022.4.14 9:30 | 김형중 |
| async, await | 2022.4.15 9:30 | 박성혜 |
| ATOMIC 디자인패턴 | 2022.4.16 9:30 | 이경섭 |
| Recoil | 2022.4.18 9:30 | 김민우 |
| NULL | 2022.4.19 9:30 | 김경래 |
| NULL | 2022.4.20 9:30 | 김태희 |
| NULL | 2022.4.21 9:30 | 홍현승 |
아래 각 주제를 클릭해서 접기를 풀어주세요
CS
1.⭐️ 브라우저 주소창에 www.google.com 을 입력하면 어떤 일이 일어나나요?
2.DNS에 대해 설명해주세요.
3. ⭐️ GET과 POST의 차이는 무엇인가요?
4. REST API에 대해 설명해주세요.
5. ⭐️ 객체 지향 프로그래밍이란 무엇인가요?
6. 자료구조 stack과 queue에 대해 설명해주세요.
7. ⭐️ 프로세스와 스레드에 대해 설명해주세요.
JavaScript
- ⭐️ Promise와 Callback 차이를 설명해주세요.
- 콜백 지옥(Callback hell)을 해결하는 방법을 말씀해주세요.
- ⭐️ async, await 사용 방법을 설명해주세요.
- Promise를 사용한 비동기 통신과 async, await를 사용한 비동기 통신의 차이를 설명해주세요.
⭐️ var, let, const 차이를 설명해주세요.홍현승- 함수 선언형과 함수 표현식의 차이에 대해 설명해주세요.
- ⭐️ 이벤트 버블링과 캡처링에 대해 설명해주세요.
- 이벤트 버블링과 이벤트 캡처링에 대한 예시를 들어주세요.
- ⭐️ 클로져(Closure)에 대해 설명해주세요.
- 렉시컬 환경(Lexical Environment)에 대해 설명해주세요.
- ⭐️ 실행 컨텍스트에 대해 설명해주세요.
⭐️ 호이스팅(hoisting)에 대해 설명해주세요.홍현승- 데이터 타입에 대해 설명해주세요.
- 자바스크립트에서 일어나는 데이터 형 변환에 대해 설명해주세요.
- 자바스크립트가 유동적인 언어인 이유는 무엇인가요?
- ⭐️ 프로토타입에 대해 설명해주세요.
- 깊은 복사와 얕은 복사에 대해 설명해주세요.
- ⭐️ 불변성을 유지하려면 어떻게 해야하나요?
- this에 대해 설명해주세요.
- requestAnimationFrame을 사용해본 적 있나요?
React
- ⭐️ Virtual DOM 작동 원리에 대해 설명해주세요.
- ⭐️ Virtual DOM 이 무엇인지 설명해주세요.
- ⭐️ React를 사용하는 이유에 대해 말씀해주세요.
- 제어 컴포넌트와 비제어 컴포넌트의 차이에 대해 설명해주세요.
- key props를 사용하는 이유는 무엇인가요?
- props와 state의 차이는 무엇인가요?
- pure component에 대해 설명해주세요.
- shouldComponentUpdate에 대해 설명해주세요.
9. ⭐️ 클래스형 컴포넌트와 함수형 컴포넌트의 차이에 대해 설명해주세요.김형중 - ⭐️ 생명 주기 메서드에 대해 설명해주세요.
- ⭐️ 리액트에서 JSX 문법이 어떻게 사용되나요?
- 왜 state를 직접 바꾸지 않고 useState를 사용해야 하나요?
- ⭐️ useMemo와 useCallback에 대해 설명해주세요.
- 리액트에서 메모이제이션을 어떤 방식으로 하나요?
- 리액트 관련 패키지 중에 제일 좋다고 생각한 것은 무엇인가요?
- ⭐️ 리액트의 렌더링 성능 향상을 위해 어떻게 해야 하나요?
- React-query에 대해 들어봤나요?
- React 18 버전 업데이트 내용에 대해 말씀해주세요.
- useEffect와 useLayoutEffect의 차이점에 대해 말씀해주세요.
~20. ⭐️ Context API에 대해 설명해주세요. ~ 김태희
Redux
- ⭐️ Redux를 사용하는 이유가 무엇인가요?
- ⭐️ Redux의 장단점에 대해 설명해주세요.
- ⭐️ Context API와 Redux를 비교해주세요.
- Redux-saga에 대해 설명해주세요.
- Generator 문법에 대해 설명해주세요.
- Redux-saga, Redux-Thunk의 차이에 대해 설명해주세요.
Frontend
- ⭐️ 브라우저 렌더링 과정을 설명해주세요.
- ⭐️ 브라우저는 어떻게 동작 하나요?
- ⭐️ Webpack, Babel, Polyfill에 대해 설명해주세요.
- ⭐️ CSR과 SSR의 차이는 무엇인가요?
- ⭐️ CORS는 무엇인지, 이를 처리를 해본 경험을 말씀해주세요.
- ⭐️ 웹 표준을 지키며 개발하시나요?
- 쿠키와 세션에 대해 설명해주세요.
- 로그인 처리를 할 때 쿠키와 세션을 어떻게 사용하시나요?
- ⭐️ 이벤트 루프와 태스크 큐에 대해 설명해주세요.
- bundle의 사이즈를 줄이려면 어떻게 해야 하나요?
- ⭐️ 타입스크립트를 사용하는 이유는 무엇인가요?
- ⭐️ 쿠키, 세션, 웹스토리지의 차이에 대해 설명해주세요.
- 크로스 브라우징 경험이 있으신가요?
- 웹 소켓을 사용해보셨나요?
- ⭐️ 웹사이트 성능 최적화에는 어떤 방법이 있나요?
HTML, CSS
- Flexbox를 사용해보셨나요?
- ⭐️ Cascading에 관해서 설명해주세요.
- ⭐️ CSS 애니메이션과 JS 애니메이션의 차이에 대해 설명해주세요.
- postition 속성을 나열해주세요.
팀원과 같이 찾아본 내용
콜바이밸류,레퍼런스
리액트의불편성
호이스팅
얕은복사 깊은복사
데이터불변성
자바스크립트callbyvalue&Refer와얕은복사,깊은복사차이
async await
자바스크립트작동원리-스레드 자바스크립트동작원리 프로미스 비동기프로그래밍 프로세서및스레드 콜백 자바스크립트런타임작동방식
클래스와 함수의 차이
ppt
Redux-saga, Redux-Thunk
ppt
Promise, async, await
발표자료
ATOMIC
라인atomicdesign적용