• https://fe-developers.kakaoent.com/2022/221124-typescript-tip/

스레드 안전에 대해서 알아보자.

• 얕은 복사, 깊은 복사에 대해 설명해주세요
• call by reference에 대해 설명해주세요
• 자바스크립트가 있는데 왜 굳이 타입스크립트를 사용하나요?
• node가 싱글스레드인데도 여러가지 병렬 작업이 되는 이유를 알려주세요.
• #52
• [ ]

display: none의 경우에는 실제 화면에서 제외하는 것이므로 렌더링 시 display:none으로 설정된 요소는 Render Tree에서 제외된다.

• div와 span의 차이는 무엇인지 설명해주세요

04.20 저녁에 할 일

• SSR과 CSR의 차이는? SSG는 무엇인가요?
• local storage, session storage, cookie 차이는?
• next 써보니까 어떤 것 같나요?
• 리액트 훅에 대해 설명해주세요
• AWS 배포 전체적인 과정에 대해 설명해주세요
• C++와 JS의 차이점
• CSS 라이브러리 왜 안쓰고 styled component 썼나요?
• 팀원끼리 힘든부분 어떻게 해결했나요?
• 로그인할 때 보안 문제는 어떻게 했나요?
• access token, refresh token에 대해 설명해주세요
• status code중에서 400과 401의 차이는 무엇인가요?
• 인증과 인가의 차이에대해 설명해주세요.
• 세션에 대해서 모르는 사람에게 설명하듯 간단히 설명해주세요.
• 세션과 쿠키 그리고 토큰 인증 방식에 대해 설명해 주세요.
• HTTP와 HTTPS 각각에 대해 설명하고�둘의 차이점을 말씀해 주세요.

함수가 일급객체인 이유
parseInt, Number Wrapper 객체의 차이
리액트 메모이제이션 방법
useMemo, useCallback Hook에 대해 설명
최근 배운 디자인 패턴을 예제 위주로 설명

• 인상 깊었던 디자인 패턴 소개
• 배운 디자인 패턴들 중 프로젝트에 적용해본 적 있는지
  (딱히 X. 하지만 전략패턴과 커맨드 패턴을 적용하려고 노력하고 있음)
  SEO란 무엇이고 해본 경험 있는지
  브라우저 최적화 경험
  (Virtual Scroll 이야기) 어떻게 그걸 알고 배웠는지
  특별하게 기억에 남는 경험이 있는지
  (프로젝트 질문) 크롤링 법적 문제 있지 않는지
  (프로젝트 질문) 아키텍처를 보면 도메인 로직이 service worker와 통신하는 것으로 아는데 무슨 의미인지
  (service worker가 인증 관련 로직을 위임하는 것이라고 답했으나 제대로 설명을 못한듯 함. chrome extenstion에 대한 context 이해가 필요한 부분인듯 하여, 좀 더 자세하게 준비해야 겠음)
  (프로젝트 질문) (Presentaional-Container 소개하면서) 컴포넌트가 UI와 비즈니스 로직때문에 복잡해진다면 컴포넌트를 작게 만드는게 좋지않냐?
  => 이에 대해 UI와 비즈니스 로직 자체를 분리하고 싶었다, 컴포넌트가 두 역할을 담당하는 것 자체가 단일 책임 원칙에 위배된다고 생각했기 때문이다고 답변
  => 예시 들면서 소개
  (프로젝트 질문) 사용자가 풀이한 문제 id list를 브라우저 스토리지에 저장한다고 하셨는데, 유실되면 어떻게 하시나요?
  => 매번 undefined 여부를 판별하고, undefined면 다시 크롤링하게끔 한다고 함

호이스팅은 코드가 실행하기 전 변수 선언 / 함수 선언이 해당 스코프의 최상단으로 끌어올려지는 것 같은 현상을 말한다.

자바스크립트 엔진은 코드를 실행하기 전 실행 가능한 코드를 형상화하고 구분하는 과정(실행 컨텍스트를 위한 과정)을 거친다.

<Image
  src="https://user-images.githubusercontent.com/63354527/210931662-9102e49d-2991-4abe-adfc-d35191af25f6.png"
  width={400}
  height={200}
/>

만들어주신걸로 이렇게 사용하고 있는데 width랑 height가 조절이 안되는것 같아요. 저만 그런가요???

src/components/Image 부분으로 컴포넌트를 분리했습니다.

1. 켰을 때 Header 색깔이 안예쁨. -> 앱의 Main Theme 색깔이 필요
2. 로고도 넣고 싶음.

문서 오른쪽 상단에 검색기능을 추가해보겠습니다.

끗

• React란?
• 컴포넌트의 라이프 사이클
• useContext를 사용하지 않고 라이브러리를 사용한 이유는 무엇인가요?
• JSX
• Concurrrent Mode란?

• HTTP 프로토콜에 대해서 설명해주세요.
• RESTful API에 대해서 설명해주세요.
• 우리가 웹 서비스에 접근할 때 어떤 경로를 거치는지 아는만큼 설명해보세요.
• 서버에 트래픽이 주어졌을 때 어떻게 응답 속도를 개선할 수 있나요?
• MVC 패턴에 대해서 설명해보세요.
• React와 Vue 차이점에 대해서 설명해보세요.
• JavaScript 가비지 컬렉터에 대해서 설명해보세요.
• Binary Search Tree에 대해서 설명해주세요.
• 2의 보수에 대해서 설명해주세요.
• 자신있게 설명할 수 있는 기술을 해당 기술을 전혀 모르는 사람에게 설명
• 실제 업무에서 문제가 발생했을 때 어떻게 문제해결을 진행할 것인가
• JavaScript 스코프에 대해서 설명해주세요.

정리

• 세마포어, 뮤텍스 그리고 모니터
• 데드락
• 프로세스 컨트롤 블록이란?
• #50
• #49
• 프로세스 상태 (생성, 준비, 대기, 실행, 종료)
• 프로세스 계층 구조( 부모 -> 자식 프로세스), 최초의 프로세스
• 프로세스와 스레드의 차이에 대해 설명해주세요.
• 운영체제에서 선점형 스케줄링과 비선점형 스케줄링의 차이에대해 설명해주세요.
• 운영체제의 CPU 스케줄링 알고리즘 종류
• #47
• #48
• [ ]

😭

• 인터넷의 시작
• LAN과 WAN

출처: https://velog.io/@dev-redo/%EC%B7%A8%EC%A4%80-D%ED%9A%8C%EC%82%AC%EC%9D%98-%EC%A7%81%EB%AC%B4-%EB%A9%B4%EC%A0%91-%EB%B3%B5%EA%B8%B0

• #40
• #28
• #29
• #30
• Next.js에서 해결하신 경험이 있으시다고 하셨는데, 자세한 설명 부탁드립니다.
• #27
• 자바스크립트의 filter, reduce, map 콜백함수에 대해 설명해주세요.
• width가 100px인 div가 있습니다. border를 2px을 줬을 때 영역의 크기는 어떻게 될까요?
• border가 영역의 크기에 영향을 주셨다고 했는데, width가 100px로 유지하고 싶다면 어떻게 구현해야 하나요?
• padding과 margin은 태그 영역에 각각 영향을 주나요?
• Webpack과 Babel의 역할에 대해 예시를 들면서 설명하세요
• #37
• 클래스 컴포넌트를 사용해보신 경험이 있으신가요?
• useEffect hook을 라이프 사이클과 연결지어 설명해주세요
• 리액트가 주는 렌더링 이점에 대해 설명하세요
• #31
• 전역 상태 관리 라이브러리를 사용하신 경험이 있나요?
• 이 라이브러리를 왜 쓰나요? (전역 상태 정의)
• #36
  SPA의 단점은 무엇인가요?
• 그 단점의 해결 방법은 무엇이라고 생각하시나요?
• #35
• #34
• #32
• 발생할 수 있는 이슈가 있나요?
• 해당 이슈를 해결하기 위해서는 어떤 방법이 있을까요?
• #33

• this
• closure
• event loop
• bubbling capturing delegation
• www.google.com
• display: none을 했을 때
• 자바스크립트 원시값
• virtualDOM
• Promise

• 해쉬 테이블이란?