😺

• WhatEventBubbling
  • TCP
  • CSR
  • SSR
  • SEO
  • REST API로 받은 객체와 배열은 보통 어떤 자바스크립트 API나 로직을 이용해서 화면에 맞게 가공을 하는지?
  • script 태그를 하단에 두는 이유는?
  • 웹 캐시
  • 웹 접근성
  • Framework, Library
  • 불변성
  • 변수 VS 상수
  • Fragments VS <></>
  • Utils
  • TBD
  • Git Flow
  • 프로그래밍 언어
  • Normal Flow

브라우저

• 브라우저 렌더링 과정
• 브라우저 주소창에 www.google.com을 입력하면 어떤 일이 일어나나요?
• Critical Rendering Path

JavaScript

• Var, Let, Const
• Hoisting
• Lodash
• Numeric separators

TypeScript

• TypeScript
• TypeScript를 사용해야 하는 이유
• type-challenges 풀이

React

• React Element
• Props
• Prop Types
• React Memo
• React component styling
• React Router
• JSX
• Hook
• REST API
• API
• State

Next.js

• next.js에서 styled-components 사용하기

Book

• 우아한 타입스크립트 with 리액트

Python

• Python
• Python 알고리즘 풀이

코드잇

코드잇 스프린트에서 진행한 교육 내용입니다.

코드잇 문서

• CSS의 Cascading에 대해 설명해 주세요.
• position의 속성들과 각각의 특징을 설명해 주세요.
• Git에서 branch merge 방법들과 각 방법의 특징을 설명해 주세요.
• Git Flow 브랜치 전략에 대해 설명해 주세요.
• 자바스크립트에서 == 와 === 가 어떻게 다른지 설명해 주세요.
• 자바스크립트에서 얕은 복사(Shallow Copy)와 깊은 복사(Deep Copy)에 대해 설명해 주세요.
• 브라우저가 어떻게 동작하는지 설명해 주세요.
• 자바스크립트 this에 대해 설명해 주세요.
• 예시의 코드를 실행할 때, 콘솔에 출력될 값과 그 이유를 설명해 주세요.
• AJAX에 대해 설명해 주세요.
• 리액트에서 Virtual DOM이 무엇인지, 이를 사용하는 이유는 무엇인지 설명해 주세요.
• 리액트에서 배열을 렌더링할 때 key를 써야 하는 이유에 대해 설명해 주세요.
• 리액트 생명주기(life cycle)에 대해 설명해 주세요.
• 본인이 생각하는 CSS-in-JS의 장점과 단점을 설명해 주세요.
• Presentational & Container 디자인 패턴에 대해 설명해 주세요.
• JavaScript만 사용하는 것과 비교해 TypeScript를 사용하는 이유에 대해 설명해 주세요.
• TypeScript의 동작 원리에 대해 설명해 주세요.
• 리액트만 사용할 때와 비교해 Next.js를 사용하는 이유에 대해 설명해 주세요.
• React Query가 만들어진 이유와 React Query를 사용할 때 얻게 되는 이점에 대해 설명해 주세요.
• 서버 상태와 클라이언트 상태의 차이에 대해 설명해 주세요.
• husky
• 인증, 인가

학교 수업

전공 수업 기록용 문서입니다.

• 생활 속의 보안
• 프론트엔드 개발
• 컴퓨터 네트워크
• 고급자바 프로그래밍
• 하이브리드 앱 개발

기타

• AllBasic
• IT 인프라
• 온콜
• 기억해두고 싶은 말