매일 오후 8시부터 9시 까지 스터디를 진행합니다.
- 각자 3개의 질문을 준비해온다.
- 질문에 응답을 한다.
- 대답한 질문의 꼬리의 꼬리를 물며 추가 질문을 한다.
| 🖥️ HTML | 📂 CSS | 📦 JAVASCRIPT | 🏠 WEB | 💻 CS | 🔥 react | 🔥 react2 |
질문 목록
질문 목록
- px, em, rem에 대해서 설명해주세요.
- next.js에서 css를 정의하기 위한 방법 중 선호하는 방식과 왜 그 방식을 선호하는지에 대해 설명해주세요.
- position에 대해 설명해주세요.
- Flex와 Grid의 차이점에 대해서 설명해주세요.
- css에서 margin과 padding에 대해 말해주세요.
- CSS Reset과 CSS Normalize
- 마진 상쇄(Margin Collapsing)의 정의, 원인, 해결 방안
- 반응형 페이지 브레이크 포인트란?
- SCSS란?
- 페이지 크기가 변해도 항상 같은 비율을 유지하는 요소를 만드는 방법
- 가상 요소와 가상 클래스란?
질문 목록
- 화살표 함수랑 다른 일반 함수의 차이점을 알려주세요.
- 화살표 함수에 this 객체가 없으므로써 예상 가능한 오류에 대해서 설명해주세요.
- 얕은 복사 vs 깊은 복사에 대해서 설명해주세요.
- 동등 연산자(==)와 연산자의 차이점(===)을 설명해주세요.
- 왜 호이스팅이 일어나고 호이스팅이 일어남으로써 발생 가능한 오류는?
- 제너레이터에 대해서 설명해주세요.
- 실행 컨텍스트에 대해서 설명해주세요.
- 이벤트 버블링에 대해서 설명해주시고 방지하는 방법에 대해서 알려주세요.
- this와 연관지어서 bind에 대해서 설명해주세요.
- 데이터 바인딩에 대해서 설명해주세요.
- React hooks에 대한 장점을 설명해주세요.
- iterable 객체에 대해서 설명해주세요.
- SEO 최적화 방법에 대해서 설명해주세요.
- 자바스크립트의 메모리 관리에 대해 아는 대로 설명해주세요(*)
- 메모리 누수를 위해 해야할 것들을 알려주세요.
- Promise와 Callback의 차이를 설명해주세요.
- var, let, const의 차이를 설명해주세요.
- 브라우저는 JSX 파일을 읽을 수 있나요?
- JSX 문법의 특징과 준수사항을 몇 개 알려준다면?
- Closure에 대해서 설명해주세요.
- javascript 성능 최적화를 위해 노력한 것을 설명해주세요
- TDZ란?
- 이벤트 핸들러 vs 이벤트 리스너
- Javascript는 어떤 언어입니까?
- esModule과 CommonJS (CJS)에 대해서 설명해주세요.
- 불변성을 유지하는 방법은?
- 상속 및 prototype에 대해서 설명해주세요.
- 렉시컬 스코프에 대해서 설명해주세요.
- 자바스크립트의 동작 원리에 대해서 설명해주세요.
- javascript의 반복문의 종류에 대해서 설명해주세요.
- Map과 Set에 대해서 설명해주세요.
- 배럴(Barrel) 파일이란?
- 바벨 vs 폴리필
- 즉시실행함수(IIFE)에 대해 설명해주세요.
- 자바스크립트의 배열이 실제 자료구조 배열이 아닌데 그 이유는?
- any, unknown, never
- 구조분해할당(Destructuring)이란?
- 콜 스택과 메모리 힙이란?
- ^ 마크에 대해서 설명해주세요.
- 컨벤션들
- async의 올바른 위치
- HTML과 JSX의 차이
- truthy & falsy란?
- 타입 가드에 대해서 설명
질문 목록
- React hooks에 대한 장점을 설명해주세요.
- 메모이제이션이란?
- SEO 최적화 방법에 대해서 설명해주세요.
- 브라우저는 JSX 파일을 읽을 수 있나요?
- JSX 문법의 특징과 준수사항을 몇 개 알려준다면?
- React의 useState는 동기 함수인데 마치 비동기 함수처럼 동작합니다. 그 이유는 무엇인가요?
- 제어 컴포넌트 (controlled component) & 비제어 컴포넌트 (uncontrolled component)
- ReactNode vs JSX.Element vs ReactElement
- 서버 컴포넌트
- SSR의 동작 순서를 알려주세요.
- 컴포넌트란?
- 컴포넌트 IoC 패턴이란
- forwardRef에 대해서 설명해주세요.
- React에서 SOLID 원칙을 적용할 수 있나요?
- headless design pattern
- 리액트에서 제시하는 9가지 권장 사항
- useLayoutEffect
- 고차 컴포넌트란?
- 클래스 컴포넌트의 한계
- Props drilling에 대해 설명해주세요.
- Error Boundary란?
질문 목록
- MVC, MVVM 모델에 대해 설명해주세요.
- HTTP와 HTTPS의 차이점은?
- CORS 에러 - 정의, 특징, 해결 방법
- cors가 왜 등장했는지에 대해 설명해주세요.
- 쿠키, 세션, 로컬 스토리지의 장단점
- 비동기 함수에 대해서 설명해주세요.
- 브라우저의 렌더링 원리를 설명해주세요.
- Reflow와 Repaint에 대해 설명해주세요.
- TDZ란?
- 크로스 브라우징이란?
- 웹 개발 시 고려해야 할 보안 공격에 대해서 설명해주세요.
- CSRF랑 XSS를 위해 할 예방법을 알려주세요.
- api 요청 옵션들을 설명해주세요.
- CSR과 SSR의 차이점을 알려주세요.
- 여러 언어로 되어 있는 콘텐츠의 페이지를 어떻게 제공하나요?
- URI, URL, URN이란?
- CWV에 대해서 설명해주세요.
- 페이지네이션이란?
- 캐싱
질문 목록
- 23년 9월 5일 시작
- 23년 9월 6일 (o)
- 23년 9월 7일 (o)
- 23년 9월 8일 (o)
- 23년 9월 9일 (o)
- 23년 9월 10일 (x) - 휴식
- 23년 9월 11일 (o)
- 23년 9월 12일 (x) - 여행 이슈
- 23년 9월 13일 (o)
- 23년 9월 14일 (o)
- 23년 9월 15일 (o)
- 23년 9월 16일 (x) - 주말
- 23년 9월 17일 (x) - 주말
- 23년 9월 18일 (o)
- 23년 9월 19일 (x)
- 23년 9월 20일 (o)
- 23년 9월 21일 (o)
- 23년 9월 22일 (o)
- 23년 9월 23일 (x) - 주말
- 23년 9월 24일 (x) - 주말
- 23년 9월 25일 (o)
- 23년 9월 26일 (o)
- 23년 9월 27일 (o)
- 23년 9월 28일 (x) - 추석
- 23년 9월 29일 (x) - 추석
- 23년 9월 30일 (x) - 주말
- 23년 10월 1일 (x) - 주말
- 23년 10월 2일 (o)
- 23년 10월 3일 (o)
- 23년 10월 4일 (o)
- 23년 10월 5일 (o)
- 23년 10월 6일 (o)
- 23년 10월 7일 (x) - 주말
- 23년 10월 8일 (x) - 주말
- 23년 10월 9일 (o)
- 23년 10월 10일 (o)
- 23년 10월 11일 (o)
- 23년 10월 12일 (o)
- 23년 10월 13일 (o)
- 23년 10월 16일 (o)
- 23년 10월 17일 (o)
- 23년 10월 18일 (x)
- 23년 10월 19일 (o)
격주로 진행하기로 변경
- 23년 10월 23일 (o)
- 23년 10월 28일 (o)
- 23년 10월 30일 (o)
- 23년 10월 31일 (o)
- 23년 11월 01일 (o)
- 23년 11월 02일 (o)
- 23년 11월 06일 (o)
- 23년 11월 08일 (o)
- 23년 11월 11일 (o)
- 23년 11월 13일 (o)
- 23년 11월 16일 (o)
- 23년 11월 18일 (o)
- 23년 11월 20일 (o)
- 23년 11월 22일 (o)
- 23년 11월 26일 (o)
- 23년 11월 29일 (o)
- 23년 12월 01일 (o)
- 23년 12월 04일 (o)
- 23년 12월 06일 (o)
- 23년 12월 10일 (o)
- 23년 12월 13일 (o)
- 23년 12월 15일 (o) ...
- 24년 1월 24일 (o) - 잠시 중단
- 24년 4월 25일 (o) - 다시 시작
- 24년 4월 26일 (o)
- 24년 5월 3일 (o)
- 24년 5월 7일 (o)