JavaScript 기초 개념 스터디

1. JavaScript 기초

---

1-1. 데이터 타입 & 변수

---

1-1-1. undefined와 null의 차이점에 대해서 설명해주세요

1-1-2. JavaScript의 데이터 타입에는 어떤 것들이 있나요?

1-1-3. let, const, var의 차이점을 설명해주세요

1-1-4. 호이스팅(Hoisting)이란 무엇인가요?

1-1-5. 스코프(Scope)에 대해 설명해주세요

1-1-6. 클로저(Closure)란 무엇인가요?

1-2. 함수

1-2-1. 화살표 함수와 일반 함수의 차이점은 무엇인가요?

1-2-2. call, apply, bind 메서드의 차이점을 설명해주세요

1-2-3. 콜백 함수란 무엇인가요?

1-2-4. 고차 함수(Higher-Order Function)에 대해 설명해주세요

1-3. 객체 & 배열

1-3-1. 객체를 복사하는 방법들을 설명해주세요 (얕은 복사 vs 깊은 복사)

1-3-2. 배열의 주요 메서드들(map, filter, reduce 등)에 대해 설명해주세요

1-3-3. 구조 분해 할당(Destructuring)에 대해 설명해주세요

1-4. 비동기 처리

1-4-1. 동기와 비동기의 차이점을 설명해주세요

1-4-2. Promise란 무엇이고, 어떻게 사용하나요?

1-4-3. async/await에 대해 설명해주세요

1-4-4. 콜백 지옥(Callback Hell)과 해결 방법을 설명해주세요

2. HTML/CSS

2-1. HTML

2-1-1. 시맨틱 HTML이란 무엇인가요?

2-1-2. DOCTYPE의 역할은 무엇인가요?

2-1-3. meta 태그의 용도를 설명해주세요

2-1-4. 웹 접근성(Web Accessibility)에 대해 설명해주세요

2-1-5. Node와 Element의 차이에 대해 설명해주세요

자세히 보기

2-2. CSS

2-2-1. CSS Box Model에 대해 설명해주세요

2-2-2. Flexbox와 Grid의 차이점을 설명해주세요

2-2-3. CSS 선택자 우선순위에 대해 설명해주세요

2-2-4. position 속성의 값들(static, relative, absolute, fixed)에 대해 설명해주세요

2-2-5. CSS-in-JS의 장단점을 설명해주세요

3. React

3-1. 기본 개념

3-1-1. React가 무엇이고, 왜 사용하나요?

3-1-2. Virtual DOM이 무엇이고, 어떤 장점이 있나요?

3-1-3. JSX란 무엇인가요?

3-1-4. 컴포넌트의 생명주기에 대해 설명해주세요

3-2. Hooks

3-2-1. useState와 useEffect에 대해 설명해주세요

3-2-2. useCallback과 useMemo의 차이점을 설명해주세요

3-2-3. useRef는 언제 사용하나요?

3-2-4. 커스텀 Hook을 만드는 이유는 무엇인가요?

3-3. 상태 관리

3-3-1. props와 state의 차이점을 설명해주세요

3-3-2. Context API에 대해 설명해주세요

3-3-3. Redux의 동작 원리를 설명해주세요

3-3-4. 전역 상태 관리가 필요한 이유는 무엇인가요?

4. 웹 개발 일반

4-1. 성능 최적화

4-1-1. 웹 성능을 최적화하는 방법들을 설명해주세요

4-1-2. 번들 사이즈를 줄이는 방법들을 설명해주세요

4-1-3. 이미지 최적화 방법들을 설명해주세요

4-1-4. 메모이제이션(Memoization)이란 무엇인가요?

4-2. 브라우저 & 네트워크

4-2-1. 브라우저 렌더링 과정을 설명해주세요

4-2-2. HTTP와 HTTPS의 차이점을 설명해주세요

4-2-3. CORS란 무엇이고, 어떻게 해결하나요?

4-2-4. 웹 스토리지(localStorage, sessionStorage)에 대해 설명해주세요

4-3. 보안

4-3-1. XSS와 CSRF 공격에 대해 설명해주세요

4-3-2. 보안 헤더들(CSP, HSTS 등)에 대해 설명해주세요

5. 협업 & 도구

5-1. 버전 관리

5-1-1. Git의 기본 개념과 주요 명령어들을 설명해주세요

5-1-2. Git Flow 전략에 대해 설명해주세요

5-1-3. 브랜치 전략에 대해 설명해주세요

5-2. 테스팅

5-2-1. 단위 테스트, 통합 테스트, E2E 테스트의 차이점을 설명해주세요

5-2-2. Jest와 같은 테스팅 라이브러리 사용 경험이 있나요?

5-3. 빌드 도구

5-3-1. Webpack의 역할과 주요 개념들을 설명해주세요

5-3-2. Babel이란 무엇인가요?

5-3-3. 모듈 번들러가 필요한 이유는 무엇인가요?

6. 프로젝트 & 경험

6-1. 실무 경험

6-1-1. 가장 기억에 남는 프로젝트와 그 이유를 설명해주세요

6-1-2. 프로젝트에서 겪었던 기술적 어려움과 해결 과정을 설명해주세요

6-1-3. 코드 리뷰에서 중요하게 생각하는 점들은 무엇인가요?

6-1-4. 새로운 기술을 학습할 때 어떤 방식으로 접근하나요?

6-2. 문제 해결

6-2-1. 디버깅할 때 주로 사용하는 방법들을 설명해주세요

6-2-2. 성능 문제를 발견하고 해결한 경험이 있나요?

6-2-3. 브라우저 호환성 문제를 어떻게 해결하나요?

7. 최신 트렌드

7-1. 개발 트렌드

7-1-1. SSR과 CSR의 차이점을 설명해주세요

7-1-2. JAMstack에 대해 알고 있나요?

7-1-3. 마이크로 프론트엔드에 대해 설명해주세요

7-1-4. PWA(Progressive Web App)란 무엇인가요?

7-2. TypeScript

7-2-1. TypeScript를 사용하는 이유는 무엇인가요?

7-2-2. any와 unknown의 차이점을 설명해주세요

7-2-3. 제네릭(Generics)에 대해 설명해주세요

---