frontend-basic-concept

Browser, HTML, CSS, JavaScript, TypeScript, React, Next.js 등 Frontend Software Engineer로서 갖추어야 할 기본적인 Frontend 지식을 정리해둔 공간입니다.

Browser

• Communication Process
• Rendering Process
• CSR vs SSR
• Local Storage vs Session Storage vs Cookies
• CORS
• Cache
• Event Bubbling vs Event Capturing
• Authentication

HTML

• Semantic Tags
• Not Semantic Tags

CSS

• display
• position
• overflow
• Layout Shift
• styled-components vs Emotion vs Tailwind CSS
• ETC

JavaScript

• Execution Context
• Scope
• Hoisting
• Closure
• Asynchronous Processing
• Prototype
• First-class object
• Object vs Map

TypeScript

• Type Options
• interface vs type
• Utility Type
• Index Signature
• Use Property Type Of Any Interface
• Generic
• Readonly

React

• Benefits of using React
• Rendering Process
• Reconciliation
• Life-Cycle
• Hooks
• Performance Optimization

Next.js

• Rendering
• Caching

React Query

• Life-Cycle
• useQuery
• useMutation
• QueryClient

React Hook Form

• Controlled vs Uncontrolled

Architecture

• Clean Architecture