# Index: Topics > Frontend_Mastery ## ๐Ÿ“ Documents - [[2026-04-24-Skybound_Code_Structure_Audit_and_Stabilization_Plan|2026-04-24-Skybound_Code_Structure_Audit_and_Stabilization_Plan]] - [[2026-04-24-Skybound_Final_Stylized_Casual_Magitech_Redirection|2026-04-24-Skybound_Final_Stylized_Casual_Magitech_Redirection]] - [[2026-04-24-Skybound_HUD_and_TAC_LevelUp_Stylized_Casual_Magitech_Fix|2026-04-24-Skybound_HUD_and_TAC_LevelUp_Stylized_Casual_Magitech_Fix]] - [[2026-04-24-Skybound_Nova_Burst_Icon_and_Effect_Fix|2026-04-24-Skybound_Nova_Burst_Icon_and_Effect_Fix]] - [[2026-04-24-Skybound_Particle_and_Supply_Readability_Fix|2026-04-24-Skybound_Particle_and_Supply_Readability_Fix]] - [[2026-04-24-Skybound_Semirealistic_Magitech_Fantasy_Redirection|2026-04-24-Skybound_Semirealistic_Magitech_Fantasy_Redirection]] - [[2026-04-24-Skybound_Stylized_Casual_Magitech_Art_Pack|2026-04-24-Skybound_Stylized_Casual_Magitech_Art_Pack]] - [[2026-04-24-Skybound_Stylized_Casual_Magitech_Ingame_Asset_Fix|2026-04-24-Skybound_Stylized_Casual_Magitech_Ingame_Asset_Fix]] - [[2026-04-24-Skybound_Survivor_Like_Balance_Curve_Pass|2026-04-24-Skybound_Survivor_Like_Balance_Curve_Pass]] - [[2026-04-25-Datacollector_Auto_Resume_After_Reauth_Fix|2026-04-25-Datacollector_Auto_Resume_After_Reauth_Fix]] - [[2026-04-25-Datacollector_Bridge_Connection_Refused_Run_Script_Fix|2026-04-25-Datacollector_Bridge_Connection_Refused_Run_Script_Fix]] - [[2026-04-25-Datacollector_Codebase_Structure_Review_and_Initial_Risk_Assessment|2026-04-25-Datacollector_Codebase_Structure_Review_and_Initial_Risk_Assessment]] - [[2026-04-25-Datacollector_Local_Wiki_Save_Only_Output_Mode|2026-04-25-Datacollector_Local_Wiki_Save_Only_Output_Mode]] - [[2026-04-25-Datacollector_Mac_Windows_Launcher_Scripts|2026-04-25-Datacollector_Mac_Windows_Launcher_Scripts]] - [[2026-04-25-Datacollector_NotebookLM_Auth_Browser_and_Stale_Env_Cookie_Fix|2026-04-25-Datacollector_NotebookLM_Auth_Browser_and_Stale_Env_Cookie_Fix]] - [[2026-04-25-Datacollector_NotebookLM_Automatic_Auth_Recovery|2026-04-25-Datacollector_NotebookLM_Automatic_Auth_Recovery]] - [[2026-04-25-Datacollector_NotebookLM_Automatic_Reauth_Verification_and_Lock|2026-04-25-Datacollector_NotebookLM_Automatic_Reauth_Verification_and_Lock]] - [[2026-04-25-Datacollector_NotebookLM_Connection_Guard_and_MCP_Restart_Fix|2026-04-25-Datacollector_NotebookLM_Connection_Guard_and_MCP_Restart_Fix]] - [[2026-04-25-Datacollector_NotebookLM_Progress_Visibility_and_Auth_Diagnosis|2026-04-25-Datacollector_NotebookLM_Progress_Visibility_and_Auth_Diagnosis]] - [[2026-04-25-Skybound_Core_Gameplay_Rebalance_and_Purpose_Reset|2026-04-25-Skybound_Core_Gameplay_Rebalance_and_Purpose_Reset]] - [[2026-04-25-Skybound_Player_Airframe_and_8Stage_Boss_Continuity_Rework|2026-04-25-Skybound_Player_Airframe_and_8Stage_Boss_Continuity_Rework]] - [[2026-04-25-Skybound_Skill_Concept_and_Hangar_Layout_Overlap_Fix|2026-04-25-Skybound_Skill_Concept_and_Hangar_Layout_Overlap_Fix]] - [[2026-04-25-Skybound_TacExp_DirectKill_and_UI_Productization_Pass|2026-04-25-Skybound_TacExp_DirectKill_and_UI_Productization_Pass]] - [[2026-04-25-Skybound_Vampire_Survivors_Loop_and_Stage_Curve_Preparation|2026-04-25-Skybound_Vampire_Survivors_Loop_and_Stage_Curve_Preparation]] - [[2026-04-26-Skybound_Enemy_Motion_Damage_Pressure_and_Projectile_Visual_Pass|2026-04-26-Skybound_Enemy_Motion_Damage_Pressure_and_Projectile_Visual_Pass]] - [[2026-04-26-Skybound_HP_Scarcity_and_Module_Cache_Rewards|2026-04-26-Skybound_HP_Scarcity_and_Module_Cache_Rewards]] - [[2026-04-26-Skybound_Invasion_Response_Stage_Difficulty_Curve|2026-04-26-Skybound_Invasion_Response_Stage_Difficulty_Curve]] - [[2026-04-26-Skybound_Low_Level_First_Upgrade_Offer_Balance|2026-04-26-Skybound_Low_Level_First_Upgrade_Offer_Balance]] - [[2026-04-26-Skybound_Miniboss_Treasure_Cache_Reward_Loop|2026-04-26-Skybound_Miniboss_Treasure_Cache_Reward_Loop]] - [[2026-04-26-Skybound_Player_Sprite_Path_Warning_Fix|2026-04-26-Skybound_Player_Sprite_Path_Warning_Fix]] - [[2026-04-26-Skybound_Reward_Card_Clarity_and_Command_Cache_UI|2026-04-26-Skybound_Reward_Card_Clarity_and_Command_Cache_UI]] - [[2026-04-26-Skybound_Skill_Slot_Limit_Weapon5_Passive5|2026-04-26-Skybound_Skill_Slot_Limit_Weapon5_Passive5]] - [[2026-04-26-Skybound_Skip_Upgrade_and_Weapon_Transform_Reconfiguration|2026-04-26-Skybound_Skip_Upgrade_and_Weapon_Transform_Reconfiguration]] - [[2026-04-26-Skybound_Stage1_to_3_Playtest_Balance_Bomb_and_Visual_Diversity_Pass|2026-04-26-Skybound_Stage1_to_3_Playtest_Balance_Bomb_and_Visual_Diversity_Pass]] - [[2026-04-26-Skybound_Stage_Miniboss_Pattern_Differentiation|2026-04-26-Skybound_Stage_Miniboss_Pattern_Differentiation]] - [[Accessibility (A11y)|Accessibility (A11y]] - [[Accessibility|Accessibility]] - [[Accessible UI Libraries|Accessible UI Libraries]] - [[Atomic Design|Atomic Design]] - [[Automatic Batching|Automatic Batching]] - [[Automatic Batchingแ„‹แ…ณแ†ฏ แ„แ…ฉแ†ผแ„’แ…กแ†ซ React 18 แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|Automatic Batching์„ ํ†ตํ•œ React 18 ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[BEM (Block Element Modifier)|BEM (Block Element Modifier]] - [[BEM|BEM]] - [[Building Reusable UI Components|Building Reusable UI Components]] - [[CSR vs SSR vs SSG|CSR vs SSR vs SSG]] - [[CSS Animations|CSS Animations]] - [[CSS Architecture|CSS Architecture]] - [[CSS Container Queries|CSS Container Queries]] - [[CSS Grid แ„†แ…ตแ†พ Flexbox|CSS Grid ๋ฐ Flexbox]] - [[CSS Grid|CSS Grid]] - [[CSS Media Queries|CSS Media Queries]] - [[CSS Modules|CSS Modules]] - [[CSS Performance Optimization|CSS Performance Optimization]] - [[CSS Variables|CSS Variables]] - [[CSS แ„€แ…ฎแ„Œแ…ฉ แ„‰แ…ฅแ†ฏแ„€แ…จ แ„‡แ…กแ†ผแ„‰แ…ตแ†จ|CSS ๊ตฌ์กฐ ์„ค๊ณ„ ๋ฐฉ์‹]] - [[CSS แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(CSS Performance Optimization)|CSS ์„ฑ๋Šฅ ์ตœ์ ํ™”(CSS Performance Optimization]] - [[CSS แ„‹แ…ขแ„‚แ…ตแ„†แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ(CSS Animation Performance)|CSS ์• ๋‹ˆ๋ฉ”์ด์…˜ ์„ฑ๋Šฅ(CSS Animation Performance]] - [[CSS แ„‹แ…ขแ„‚แ…ตแ„†แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(CSS Animations Optimization)|CSS ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ตœ์ ํ™”(CSS Animations Optimization]] - [[CSS แ„‹แ…ขแ„‚แ…ตแ„†แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(Optimizing CSS Animations)|CSS ์• ๋‹ˆ๋ฉ”์ด์…˜ ์ตœ์ ํ™”(Optimizing CSS Animations]] - [[CSS-in-JS|CSS-in-JS]] - [[CSSOM(CSS Object Model)|CSSOM(CSS Object Model]] - [[CSSOM|CSSOM]] - [[Client Components|Client Components]] - [[Client-Side Rendering (CSR)|Client-Side Rendering (CSR]] - [[Component API Design|Component API Design]] - [[Component Library Architecture|Component Library Architecture]] - [[Component-Based Architecture (CBA)|Component-Based Architecture (CBA]] - [[Component-Based Architecture|Component-Based Architecture]] - [[Component-Based Design|Component-Based Design]] - [[Compound Components Pattern|Compound Components Pattern]] - [[Compound Components|Compound Components]] - [[Concurrent Rendering|Concurrent Rendering]] - [[Container Queries|Container Queries]] - [[Context API|Context API]] - [[Core Web Vitals Optimization (INP, LCP แ„€แ…ขแ„‰แ…ฅแ†ซ)|Core Web Vitals Optimization (INP, LCP ๊ฐœ์„ ]] - [[Core Web Vitals|Core Web Vitals]] - [[Critical Rendering Path (CRP)|Critical Rendering Path (CRP]] - [[Critical Rendering Path|Critical Rendering Path]] - [[DOM (Document Object Model)|DOM (Document Object Model]] - [[DOM vs Virtual DOM|DOM vs Virtual DOM]] - [[DOM แ„†แ…ตแ†พ CSSOM|DOM ๋ฐ CSSOM]] - [[DOM (Document Object Model)|DOM(Document Object Model]] - [[DOM|DOM]] - [[Design System Architecture|Design System Architecture]] - [[Design Systems|Design Systems]] - [[Design Tokens|Design Tokens]] - [[Diffing Algorithm|Diffing Algorithm]] - [[Downshift|Downshift]] - [[Dynamic Theming|Dynamic Theming]] - [[E-commerce Platforms|E-commerce Platforms]] - [[Feature-Driven Architecture|Feature-Driven Architecture]] - [[Feature-Sliced Design (FSD)|Feature-Sliced Design (FSD]] - [[Feature-Sliced Design|Feature-Sliced Design]] - [[Fiber Architecture|Fiber Architecture]] - [[Fiber แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ (Fiber Architecture)|Fiber ์•„ํ‚คํ…์ฒ˜ (Fiber Architecture]] - [[Fiber แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅแ„‹แ…ช แ„ƒแ…ฉแ†ผแ„‰แ…ตแ„‰แ…ฅแ†ผ (Concurrent Rendering)|Fiber ์•„ํ‚คํ…์ฒ˜์™€ ๋™์‹œ์„ฑ (Concurrent Rendering]] - [[Figma Design System Integration|Figma Design System Integration]] - [[Figma Integration|Figma Integration]] - [[Figma Tokens Studio|Figma Tokens Studio]] - [[First Contentful Paint (FCP)|First Contentful Paint (FCP]] - [[Flexbox|Flexbox]] - [[Fluid Typography|Fluid Typography]] - [[GPU Acceleration (Compositing)|GPU Acceleration (Compositing]] - [[GPU แ„€แ…กแ„‰แ…ฉแ†จ แ„†แ…ตแ†พ Compositing|GPU ๊ฐ€์† ๋ฐ Compositing]] - [[GPU แ„€แ…กแ„‰แ…ฉแ†จ แ„†แ…ตแ†พ แ„แ…ฅแ†ทแ„‘แ…ฉแ„Œแ…ตแ„แ…ตแ†ผ|GPU ๊ฐ€์† ๋ฐ ์ปดํฌ์ง€ํŒ…]] - [[GPU แ„€แ…กแ„‰แ…ฉแ†จ(GPU Acceleration)|GPU ๊ฐ€์†(GPU Acceleration]] - [[Headless Components|Headless Components]] - [[Headless UI|Headless UI]] - [[Hydration แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|Hydration ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[Hydration|Hydration]] - [[Interaction to Next Paint (INP)|Interaction to Next Paint (INP]] - [[Island Architecture|Island Architecture]] - [[Lane Model|Lane Model]] - [[Lanes Model|Lanes Model]] - [[Large Frontend Projects|Large Frontend Projects]] - [[Layout Thrashing|Layout Thrashing]] - [[Lighthouse|Lighthouse]] - [[MUI|MUI]] - [[Meta Quest Store|Meta Quest Store]] - [[Mobile-First Approach|Mobile-First Approach]] - [[Mobile-First Design|Mobile-First Design]] - [[Modern Scalable Frontend Architecture|Modern Scalable Frontend Architecture]] - [[Monorepo Architecture|Monorepo Architecture]] - [[Next.js 15 App Router|Next.js 15 App Router]] - [[Next.js 15|Next.js 15]] - [[Next.js App Router Migration|Next.js App Router Migration]] - [[Next.js App Router Styling Strategies|Next.js App Router Styling Strategies]] - [[Next.js App Router แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ|Next.js App Router ํ”„๋กœ์ ํŠธ]] - [[Next.js App Router แ„’แ…ชแ†ซแ„€แ…งแ†ผแ„‹แ…ด แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„‰แ…ณแ„แ…กแ„‹แ…ตแ†ฏแ„…แ…ตแ†ผ|Next.js App Router ํ™˜๊ฒฝ์˜ ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง]] - [[Next.js App Router|Next.js App Router]] - [[Next.js Modular and Scalable Project Structure|Next.js Modular and Scalable Project Structure]] - [[Next.js แ„€แ…ตแ„‡แ…กแ†ซ แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‹แ…ฐแ†ธ แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ|Next.js ๊ธฐ๋ฐ˜ ๋Œ€๊ทœ๋ชจ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜]] - [[Next.js แ„€แ…ตแ„‡แ…กแ†ซแ„‹แ…ด Hybrid Rendering (SSR-CSR-RSC แ„’แ…ฉแ†ซแ„’แ…กแ†ธ แ„Œแ…ฅแ†จแ„‹แ…ญแ†ผ)|Next.js ๊ธฐ๋ฐ˜์˜ Hybrid Rendering (SSR-CSR-RSC ํ˜ผํ•ฉ ์ ์šฉ]] - [[Next.js แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|Next.js ๋ Œ๋”๋ง ์ตœ์ ํ™”]] - [[Next.js แ„’แ…ชแ†ซแ„€แ…งแ†ผแ„‹แ…ฆแ„‰แ…ฅแ„‹แ…ด UI แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„‰แ…ณแ„แ…กแ„‹แ…ตแ†ฏแ„…แ…ตแ†ผ แ„†แ…ตแ†พ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|Next.js ํ™˜๊ฒฝ์—์„œ์˜ UI ์ปดํฌ๋„ŒํŠธ ์Šคํƒ€์ผ๋ง ๋ฐ ๋ Œ๋”๋ง ์ตœ์ ํ™”]] - [[Next.js|Next.js]] - [[Next.jsแ„…แ…ณแ†ฏ แ„’แ…ชแ†ฏแ„‹แ…ญแ†ผแ„’แ…กแ†ซ SEO แ„†แ…ตแ†พ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„’แ…กแ„‹แ…ตแ„‡แ…ณแ„…แ…ตแ„ƒแ…ณ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ แ„‰แ…ฅแ†ฏแ„€แ…จ|Next.js๋ฅผ ํ™œ์šฉํ•œ SEO ๋ฐ ์„ฑ๋Šฅ ์ตœ์ ํ™” ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ๋ Œ๋”๋ง ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„]] - [[Next.jsแ„…แ…ณแ†ฏ แ„’แ…ชแ†ฏแ„‹แ…ญแ†ผแ„’แ…กแ†ซ แ„’แ…กแ„‹แ…ตแ„‡แ…ณแ„…แ…ตแ„ƒแ…ณ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„†แ…ตแ†พ React Server Components แ„ƒแ…ฉแ„‹แ…ตแ†ธ|Next.js๋ฅผ ํ™œ์šฉํ•œ ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ๋ Œ๋”๋ง ๋ฐ React Server Components ๋„์ž…]] - [[Next.jsแ„…แ…ณแ†ฏ แ„’แ…ชแ†ฏแ„‹แ…ญแ†ผแ„’แ…กแ†ซ แ„’แ…กแ„‹แ…ตแ„‡แ…ณแ„…แ…ตแ„ƒแ…ณ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„†แ…ตแ†พ SEO แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|Next.js๋ฅผ ํ™œ์šฉํ•œ ํ•˜์ด๋ธŒ๋ฆฌ๋“œ ๋ Œ๋”๋ง ๋ฐ SEO ์ตœ์ ํ™”]] - [[Overrides Pattern|Overrides Pattern]] - [[Performance Optimization|Performance Optimization]] - [[Prop Drilling|Prop Drilling]] - [[Public APIs|Public APIs]] - [[Radix UI|Radix UI]] - [[React 16+ Core Engine|React 16+ Core Engine]] - [[React 18 & 19 Performance Optimization|React 18 & 19 Performance Optimization]] - [[React 18 Concurrent Features|React 18 Concurrent Features]] - [[React 18 แ„ƒแ…ฉแ†ผแ„‰แ…ตแ„‰แ…ฅแ†ผ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ (Concurrent Rendering)|React 18 ๋™์‹œ์„ฑ ๋ Œ๋”๋ง (Concurrent Rendering]] - [[React 18 แ„Œแ…กแ„ƒแ…ฉแ†ผ แ„‹แ…ตแ†ฏแ„€แ…ชแ†ฏ แ„Žแ…ฅแ„…แ…ต แ„†แ…ตแ†พ React 19 แ„แ…ฅแ†ทแ„‘แ…กแ„‹แ…ตแ†ฏแ„…แ…ฅ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„Œแ…ฅแ†จแ„‹แ…ญแ†ผ|React 18 ์ž๋™ ์ผ๊ด„ ์ฒ˜๋ฆฌ ๋ฐ React 19 ์ปดํŒŒ์ผ๋Ÿฌ ์ตœ์ ํ™” ์ ์šฉ]] - [[React 18|React 18]] - [[React 19|React 19]] - [[React Applications|React Applications]] - [[React Compiler|React Compiler]] - [[React Component Architecture|React Component Architecture]] - [[React Component Library Architecture|React Component Library Architecture]] - [[React Component Patterns|React Component Patterns]] - [[React Context API|React Context API]] - [[React Context|React Context]] - [[React Design Systems|React Design Systems]] - [[React Design Tokens|React Design Tokens]] - [[React Fiber Architecture|React Fiber Architecture]] - [[React Fiber แ„†แ…ตแ†พ แ„ƒแ…ฉแ†ผแ„‰แ…ตแ„‰แ…ฅแ†ผ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ|React Fiber ๋ฐ ๋™์‹œ์„ฑ ๋ Œ๋”๋ง]] - [[React Fiber แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ|React Fiber ์•„ํ‚คํ…์ฒ˜]] - [[React Fiber|React Fiber]] - [[React Flight Protocol|React Flight Protocol]] - [[React Frontend Architecture|React Frontend Architecture]] - [[React Frontend Development|React Frontend Development]] - [[React Performance Optimization|React Performance Optimization]] - [[React Server Components (RSC)|React Server Components (RSC]] - [[React Server Components(RSC) แ„’แ…ชแ†ซแ„€แ…งแ†ผแ„‹แ…ด แ„‰แ…ณแ„แ…กแ„‹แ…ตแ†ฏแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|React Server Components(RSC) ํ™˜๊ฒฝ์˜ ์Šคํƒ€์ผ๋ง ์ตœ์ ํ™”]] - [[React Server Components|React Server Components]] - [[React แ„€แ…ตแ„‡แ…กแ†ซ แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‹แ…ฐแ†ธ แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|React ๊ธฐ๋ฐ˜ ๋Œ€๊ทœ๋ชจ ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ตœ์ ํ™”]] - [[React แ„€แ…ตแ„‡แ…กแ†ซ แ„‰แ…ตแ†ผแ„€แ…ณแ†ฏ แ„‘แ…ฆแ„‹แ…ตแ„Œแ…ต แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ(SPA)แ„‹แ…ด แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|React ๊ธฐ๋ฐ˜ ์‹ฑ๊ธ€ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA)์˜ ๋ Œ๋”๋ง ์ตœ์ ํ™”]] - [[React แ„€แ…ตแ„‡แ…กแ†ซ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|React ๊ธฐ๋ฐ˜ ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[React แ„ƒแ…ฉแ†ผแ„‰แ…ตแ„‰แ…ฅแ†ผ แ„’แ…ฎแ†จ (useTransition, useDeferredValue)|React ๋™์‹œ์„ฑ ํ›… (useTransition, useDeferredValue]] - [[React แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|React ๋ Œ๋”๋ง ์ตœ์ ํ™”]] - [[React แ„‰แ…ฅแ„‡แ…ฅ แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ (RSC) แ„†แ…ตแ†พ Next.js แ„’แ…ชแ†ซแ„€แ…งแ†ผ|React ์„œ๋ฒ„ ์ปดํฌ๋„ŒํŠธ (RSC) ๋ฐ Next.js ํ™˜๊ฒฝ]] - [[React แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช (React Performance Optimization)|React ์„ฑ๋Šฅ ์ตœ์ ํ™” (React Performance Optimization]] - [[React แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|React ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[React แ„แ…ฅแ†ทแ„‘แ…กแ„‹แ…ตแ†ฏแ„…แ…ฅ (React Compiler)|React ์ปดํŒŒ์ผ๋Ÿฌ (React Compiler]] - [[React แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„€แ…ตแ„‡แ…กแ†ซ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ|React ์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜]] - [[React-Vue-Angular แ„‘แ…ณแ„…แ…ฆแ„‹แ…ตแ†ทแ„‹แ…ฏแ„แ…ณ|React-Vue-Angular ํ”„๋ ˆ์ž„์›Œํฌ]] - [[Reactแ„€แ…ก แ„ˆแ…กแ„…แ…ณแ†ซ แ„‹แ…ตแ„‹แ…ฒ|React๊ฐ€ ๋น ๋ฅธ ์ด์œ ]] - [[Reconciliation|Reconciliation]] - [[Reflow & Repaint|Reflow & Repaint]] - [[Reflow - Repaint แ„Žแ…ฌแ„‰แ…ฉแ„’แ…ช แ„‡แ…กแ†ผแ„‡แ…ฅแ†ธ|Reflow - Repaint ์ตœ์†Œํ™” ๋ฐฉ๋ฒ•]] - [[Reflow - Repaint|Reflow - Repaint]] - [[Reflow and Repaint|Reflow and Repaint]] - [[Reflow แ„†แ…ตแ†พ Repaint แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|Reflow ๋ฐ Repaint ์ตœ์ ํ™”]] - [[Reflow แ„†แ…ตแ†พ Repaint|Reflow ๋ฐ Repaint]] - [[Reflowแ„‹แ…ช Repaint(แ„…แ…ตแ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎแ„‹แ…ช แ„…แ…ตแ„‘แ…ฆแ„‹แ…ตแ†ซแ„แ…ณ)|Reflow์™€ Repaint(๋ฆฌํ”Œ๋กœ์šฐ์™€ ๋ฆฌํŽ˜์ธํŠธ]] - [[Reflowแ„‹แ…ช Repaint|Reflow์™€ Repaint]] - [[Render Props|Render Props]] - [[Render Tree|Render Tree]] - [[Responsive Web Design|Responsive Web Design]] - [[Reusable UI Component Libraries|Reusable UI Component Libraries]] - [[SCSS (Sass)|SCSS (Sass]] - [[SCSS|SCSS]] - [[SEO แ„Œแ…ฎแ†ผแ„‰แ…ตแ†ทแ„‹แ…ด แ„†แ…กแ„แ…ฆแ„แ…ตแ†ผ แ„†แ…ตแ†พ แ„‡แ…ณแ†ฏแ„…แ…ฉแ„€แ…ณ แ„‰แ…กแ„‹แ…ตแ„แ…ณ แ„€แ…ฎแ„Žแ…ฎแ†จ|SEO ์ค‘์‹ฌ์˜ ๋งˆ์ผ€ํŒ… ๋ฐ ๋ธ”๋กœ๊ทธ ์‚ฌ์ดํŠธ ๊ตฌ์ถ•]] - [[SPA (Single Page Application)|SPA (Single Page Application]] - [[SaaS แ„ƒแ…ขแ„‰แ…ตแ„‡แ…ฉแ„ƒแ…ณ แ„†แ…ตแ†พ แ„‹แ…ตแ„แ…ฅแ„†แ…ฅแ„‰แ…ณ UI แ„€แ…ขแ„‡แ…กแ†ฏ|SaaS ๋Œ€์‹œ๋ณด๋“œ ๋ฐ ์ด์ปค๋จธ์Šค UI ๊ฐœ๋ฐœ]] - [[SaaS แ„ƒแ…ขแ„‰แ…ตแ„‡แ…ฉแ„ƒแ…ณ แ„†แ…ตแ†พ แ„‹แ…ตแ„แ…ฅแ„†แ…ฅแ„‰แ…ณ แ„…แ…ฆแ„‹แ…ตแ„‹แ…กแ„‹แ…ฎแ†บ แ„€แ…ฎแ„Žแ…ฎแ†จ|SaaS ๋Œ€์‹œ๋ณด๋“œ ๋ฐ ์ด์ปค๋จธ์Šค ๋ ˆ์ด์•„์›ƒ ๊ตฌ์ถ•]] - [[SaaS แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท แ„†แ…ตแ†พ แ„‹แ…ตแ†ซแ„แ…ฅแ„…แ…ขแ†จแ„แ…ตแ„‡แ…ณ แ„ƒแ…ขแ„‰แ…ตแ„‡แ…ฉแ„ƒแ…ณ แ„€แ…ขแ„‡แ…กแ†ฏ|SaaS ํ”Œ๋žซํผ ๋ฐ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ ๋Œ€์‹œ๋ณด๋“œ ๊ฐœ๋ฐœ]] - [[Sanity Studio|Sanity Studio]] - [[Scalable Design Systems|Scalable Design Systems]] - [[Scalable Frontend Design Systems|Scalable Frontend Design Systems]] - [[Scalable Frontend Systems|Scalable Frontend Systems]] - [[Search Engine Optimization (SEO)|Search Engine Optimization (SEO]] - [[Server Components|Server Components]] - [[Server-Side Rendering (SSR)|Server-Side Rendering (SSR]] - [[Shopify Polaris|Shopify Polaris]] - [[Static Site Generation (SSG)|Static Site Generation (SSG]] - [[Style Dictionary Pipelines|Style Dictionary Pipelines]] - [[Style Dictionary|Style Dictionary]] - [[Style Registry Pattern|Style Registry Pattern]] - [[Style Registry|Style Registry]] - [[Styled Components v6|Styled Components v6]] - [[Styled Components|Styled Components]] - [[Styletron|Styletron]] - [[Tailwind CSS v4 CSS-first Architecture|Tailwind CSS v4 CSS-first Architecture]] - [[Tailwind CSS v4|Tailwind CSS v4]] - [[Tailwind CSS|Tailwind CSS]] - [[Tailwind vs แ„‹แ…ตแ†ฏแ„‡แ…กแ†ซ CSS แ„‡แ…ตแ„€แ…ญ|Tailwind vs ์ผ๋ฐ˜ CSS ๋น„๊ต]] - [[Time Slicing|Time Slicing]] - [[Time to Interactive (TTI)|Time to Interactive (TTI]] - [[Time-Slicing|Time-Slicing]] - [[Total Blocking Time (TBT)|Total Blocking Time (TBT]] - [[Turborepo แ„†แ…ตแ†พ Nxแ„‹แ…ช แ„€แ…กแ‡€แ„‹แ…ณแ†ซ แ„‡แ…ตแ†ฏแ„ƒแ…ณ แ„‹แ…ฉแ„แ…ฆแ„‰แ…ณแ„แ…ณแ„…แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ แ„ƒแ…ฉแ„€แ…ฎแ„…แ…ณแ†ฏ แ„’แ…ชแ†ฏแ„‹แ…ญแ†ผแ„’แ…กแ„‚แ…ณแ†ซ แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„Œแ…ฉแ„Œแ…ตแ†จแ„‹แ…ด React แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท|Turborepo ๋ฐ Nx์™€ ๊ฐ™์€ ๋นŒ๋“œ ์˜ค์ผ€์ŠคํŠธ๋ ˆ์ด์…˜ ๋„๊ตฌ๋ฅผ ํ™œ์šฉํ•˜๋Š” ๋Œ€๊ทœ๋ชจ ์กฐ์ง์˜ React ์‹œ์Šคํ…œ]] - [[UXPin Merge|UXPin Merge]] - [[Uber Base Web Design System|Uber Base Web Design System]] - [[Uber Base Web|Uber Base Web]] - [[Utility-first CSS|Utility-first CSS]] - [[Virtual DOM|Virtual DOM]] - [[Virtual DOMแ„€แ…ช Reconciliation|Virtual DOM๊ณผ Reconciliation]] - [[Web Content Accessibility Guidelines (WCAG)|Web Content Accessibility Guidelines (WCAG]] - [[Zero-Runtime CSS-in-JS|Zero-Runtime CSS-in-JS]] - [[best styling approach in React projects styled-components vs tailwind pros cons how to build reusable UI components React design tokens implementation example component library architecture React how to structure UI components scalable frontend|best styling approach in React projects styled-components vs tailwind pros cons how to build reusable UI components React design tokens implementation example component library architecture React how to structure UI components scalable frontend]] - [[flushSync|flushSync]] - [[shadcn-ui|shadcn-ui]] - [[startTransition|startTransition]] - [[styled-components v6.3+|styled-components v6.3+]] - [[styled-components|styled-components]] - [[useDeferredValue|useDeferredValue]] - [[useTransition แ„†แ…ตแ†พ useDeferredValue|useTransition ๋ฐ useDeferredValue]] - [[useTransition|useTransition]] - [[vanilla-extract|vanilla-extract]] - [[โ€œReactแ„€แ…ก แ„ˆแ…กแ„…แ…ณแ†ซ แ„‹แ…ตแ„‹แ…ฒโ€ แ„†แ…ตแ†พ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„€แ…ขแ„‚แ…งแ†ท|โ€œReact๊ฐ€ ๋น ๋ฅธ ์ด์œ โ€ ๋ฐ ๋ Œ๋”๋ง ์ตœ์ ํ™” ๊ฐœ๋…]] - [[โ€œReactแ„€แ…ก แ„ˆแ…กแ„…แ…ณแ†ซ แ„‹แ…ตแ„‹แ…ฒโ€|โ€œReact๊ฐ€ ๋น ๋ฅธ ์ด์œ โ€]] - [[แ„€แ…กแ„‡แ…งแ†ซ แ„แ…กแ„‹แ…ตแ„‘แ…ฉแ„€แ…ณแ„…แ…ขแ„‘แ…ต (Fluid Typography)|๊ฐ€๋ณ€ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ (Fluid Typography]] - [[แ„€แ…กแ„‰แ…กแ†ผ DOM (Virtual DOM) แ„†แ…ตแ†พ Fiber|๊ฐ€์ƒ DOM (Virtual DOM) ๋ฐ Fiber]] - [[แ„€แ…กแ„‰แ…กแ†ผ DOM (Virtual DOM) แ„†แ…ตแ†พ แ„Œแ…ขแ„Œแ…ฉแ„Œแ…ฅแ†ผ(Reconciliation)|๊ฐ€์ƒ DOM (Virtual DOM) ๋ฐ ์žฌ์กฐ์ •(Reconciliation]] - [[แ„€แ…กแ„‰แ…กแ†ผ DOMแ„€แ…ช แ„Œแ…ขแ„Œแ…ฉแ„Œแ…ฅแ†ผ (Reconciliation)|๊ฐ€์ƒ DOM๊ณผ ์žฌ์กฐ์ • (Reconciliation]] - [[แ„€แ…กแ„‰แ…กแ†ผ DOMแ„€แ…ช แ„Œแ…ขแ„Œแ…ฉแ„Œแ…ฅแ†ผ (Virtual DOM and Reconciliation)|๊ฐ€์ƒ DOM๊ณผ ์žฌ์กฐ์ • (Virtual DOM and Reconciliation]] - [[แ„€แ…ฅแ†ทแ„‰แ…ขแ†จ แ„‹แ…ฆแ†ซแ„Œแ…ตแ†ซ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช (SEO)|๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™” (SEO]] - [[แ„€แ…ฅแ†ทแ„‰แ…ขแ†จ แ„‹แ…ฆแ†ซแ„Œแ…ตแ†ซ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(SEO) แ„ƒแ…ขแ„‹แ…ณแ†ผ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Œแ…ฅแ†ซแ„…แ…ฃแ†จ แ„‰แ…ฎแ„…แ…ตแ†ธ|๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ๋Œ€์‘ ๋ Œ๋”๋ง ์ „๋žต ์ˆ˜๋ฆฝ]] - [[แ„€แ…ตแ„‚แ…ณแ†ผ แ„Œแ…ฎแ†ผแ„‰แ…ตแ†ท แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ(Feature-Driven Architecture)|๊ธฐ๋Šฅ ์ค‘์‹ฌ ์•„ํ‚คํ…์ฒ˜(Feature-Driven Architecture]] - [[แ„ƒแ…กแ„‰แ…ฎ แ„แ…ตแ†ท แ„’แ…งแ†ธแ„‹แ…ฅแ†ธ แ„’แ…ชแ†ซแ„€แ…งแ†ผ|๋‹ค์ˆ˜ ํŒ€ ํ˜‘์—… ํ™˜๊ฒฝ]] - [[แ„ƒแ…กแ„‰แ…ฎแ„‹แ…ด React-Next.js แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซแ„€แ…ช แ„€แ…ฉแ†ผแ„แ…ฉแ†ผ UI แ„…แ…กแ„‹แ…ตแ„‡แ…ณแ„…แ…ฅแ„…แ…ตแ„…แ…ณแ†ฏ แ„‡แ…ฉแ„‹แ…ฒแ„’แ…กแ†ซ แ„‹แ…ฆแ†ซแ„แ…ฅแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ„Œแ…ณ แ„€แ…ฒแ„†แ…ฉแ„‹แ…ด แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„’แ…ชแ†ซแ„€แ…งแ†ผ|๋‹ค์ˆ˜์˜ React-Next.js ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜๊ณผ ๊ณตํ†ต UI ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ๋ณด์œ ํ•œ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ๊ทœ๋ชจ์˜ ํ”„๋ก ํŠธ์—”๋“œ ํ™˜๊ฒฝ]] - [[แ„ƒแ…กแ„แ…ณ แ„†แ…ฉแ„ƒแ…ณ แ„†แ…ตแ†พ แ„ƒแ…กแ„Œแ…ฎแ†ผ แ„‡แ…ณแ„…แ…ขแ†ซแ„ƒแ…ณ แ„แ…ฆแ„†แ…ก แ„ƒแ…ฉแ†ผแ„Œแ…ฅแ†จ แ„Œแ…ฅแ†ซแ„’แ…ชแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท|๋‹คํฌ ๋ชจ๋“œ ๋ฐ ๋‹ค์ค‘ ๋ธŒ๋žœ๋“œ ํ…Œ๋งˆ ๋™์  ์ „ํ™˜ ์‹œ์Šคํ…œ]] - [[แ„ƒแ…กแ†ซแ„‹แ…ตแ†ฏ แ„Œแ…ตแ†ซแ„‰แ…ตแ†ฏ แ„€แ…ฉแ†ผแ„€แ…ณแ†ธแ„‹แ…ฏแ†ซ(Single Source of Truth) แ„€แ…ฎแ„Žแ…ฎแ†จ|๋‹จ์ผ ์ง„์‹ค ๊ณต๊ธ‰์›(Single Source of Truth) ๊ตฌ์ถ•]] - [[แ„ƒแ…กแ†ซแ„‹แ…ตแ†ฏ แ„Œแ…ตแ†ซแ„‰แ…ตแ†ฏ แ„€แ…ฉแ†ผแ„€แ…ณแ†ธแ„‹แ…ฏแ†ซ(Single Source of Truth)|๋‹จ์ผ ์ง„์‹ค ๊ณต๊ธ‰์›(Single Source of Truth]] - [[แ„ƒแ…กแ†ซแ„‹แ…ตแ†ฏ แ„แ…ฉแ„ƒแ…ณแ„‡แ…ฆแ„‹แ…ตแ„‰แ…ณแ„…แ…ณแ†ฏ แ„แ…ฉแ†ผแ„’แ…กแ†ซ แ„†แ…ฅแ†ฏแ„แ…ต แ„ƒแ…ตแ„‡แ…กแ„‹แ…ตแ„‰แ…ณ(แ„†แ…ฉแ„‡แ…กแ„‹แ…ตแ†ฏ-แ„ƒแ…ฆแ„‰แ…ณแ„แ…ณแ„แ…ฉแ†ธ) แ„‹แ…ฐแ†ธ แ„‹แ…ตแ†ซแ„แ…ฅแ„‘แ…ฆแ„‹แ…ตแ„‰แ…ณ แ„€แ…ฎแ„Žแ…ฎแ†จ|๋‹จ์ผ ์ฝ”๋“œ๋ฒ ์ด์Šค๋ฅผ ํ†ตํ•œ ๋ฉ€ํ‹ฐ ๋””๋ฐ”์ด์Šค(๋ชจ๋ฐ”์ผ-๋ฐ์Šคํฌํ†ฑ) ์›น ์ธํ„ฐํŽ˜์ด์Šค ๊ตฌ์ถ•]] - [[แ„ƒแ…กแ†ซแ„‹แ…ตแ†ฏ แ„‘แ…ฆแ„‹แ…ตแ„Œแ…ต แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ (SPA)|๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ (SPA]] - [[แ„ƒแ…กแ†ซแ„‹แ…ตแ†ฏ แ„‘แ…ฆแ„‹แ…ตแ„Œแ…ต แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ(SPA) UI แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„€แ…ชแ†ซแ„…แ…ต|๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA) UI ์„ฑ๋Šฅ ๊ด€๋ฆฌ]] - [[แ„ƒแ…กแ†ซแ„‹แ…ตแ†ฏ แ„‘แ…ฆแ„‹แ…ตแ„Œแ…ต แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ(SPA) แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‰แ…ฅแ†ฏแ„€แ…จ|๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA) ๋ Œ๋”๋ง ์„ค๊ณ„]] - [[แ„ƒแ…กแ†ซแ„‹แ…ตแ†ฏ แ„‘แ…ฆแ„‹แ…ตแ„Œแ…ต แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ(SPA) แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ แ„‰แ…ฅแ†ฏแ„€แ…จ|๋‹จ์ผ ํŽ˜์ด์ง€ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜(SPA) ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‹แ…ฆแ†ซแ„Œแ…ตแ„‚แ…ตแ„‹แ…ฅแ„…แ…ตแ†ผ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ แ„€แ…ฎแ„Žแ…ฎแ†จ|๋Œ€๊ทœ๋ชจ ์—”์ง€๋‹ˆ์–ด๋ง ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜ ๊ตฌ์ถ•]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‹แ…ฆแ†ซแ„แ…ฅแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ„Œแ…ณ แ„แ…ฆแ„†แ…ก แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท|๋Œ€๊ทœ๋ชจ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ํ…Œ๋งˆ ์‹œ์Šคํ…œ]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‹แ…ฆแ†ซแ„แ…ฅแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ„Œแ…ณ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ|๋Œ€๊ทœ๋ชจ ์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ํ”„๋ก ํŠธ์—”๋“œ]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‹แ…ตแ„แ…ฅแ„†แ…ฅแ„‰แ…ณ แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‰แ…ฅแ†ฏแ„€แ…จ|๋Œ€๊ทœ๋ชจ ์ด์ปค๋จธ์Šค ํ”Œ๋žซํผ ๋ Œ๋”๋ง ์„ค๊ณ„]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„แ…ฉแ†ซแ„แ…ฆแ†ซแ„Žแ…ณ แ„€แ…ตแ„‡แ…กแ†ซ แ„‹แ…ขแ„‘แ…ณแ†ฏแ„…แ…ตแ„แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ แ„†แ…ตแ†พ แ„Œแ…ฅแ†ซแ„Œแ…กแ„‰แ…กแ†ผแ„€แ…ฅแ„…แ…ข แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท แ„€แ…ฎแ„Žแ…ฎแ†จ|๋Œ€๊ทœ๋ชจ ์ฝ˜ํ…์ธ  ๊ธฐ๋ฐ˜ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐ ์ „์ž์ƒ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ ๊ตฌ์ถ•]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ(Large-Scale Frontend Architecture)|๋Œ€๊ทœ๋ชจ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜(Large-Scale Frontend Architecture]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ(Scalable Frontend Architecture)|๋Œ€๊ทœ๋ชจ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜(Scalable Frontend Architecture]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ|๋Œ€๊ทœ๋ชจ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ์ ํŠธ ์•„ํ‚คํ…์ฒ˜]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ(Large Frontend Projects)|๋Œ€๊ทœ๋ชจ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ์ ํŠธ(Large Frontend Projects]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ|๋Œ€๊ทœ๋ชจ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ์ ํŠธ]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณแ„‹แ…ด แ„’แ…ชแ†จแ„Œแ…กแ†ผแ„‰แ…ฅแ†ผ แ„‹แ…ตแ†ปแ„‚แ…ณแ†ซ แ„€แ…ฎแ„Œแ…ฉ แ„†แ…ตแ†พ แ„‰แ…ณแ„แ…กแ„‹แ…ตแ†ฏแ„…แ…ตแ†ผ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท แ„‰แ…ฅแ†ฏแ„€แ…จ|๋Œ€๊ทœ๋ชจ ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋กœ์ ํŠธ์˜ ํ™•์žฅ์„ฑ ์žˆ๋Š” ๊ตฌ์กฐ ๋ฐ ์Šคํƒ€์ผ๋ง ์‹œ์Šคํ…œ ์„ค๊ณ„]] - [[แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„’แ…ชแ†จแ„Œแ…กแ†ผแ„‰แ…ฅแ†ผแ„€แ…ช แ„‹แ…ฒแ„Œแ…ตแ„‡แ…ฉแ„‰แ…ฎแ„‰แ…ฅแ†ผแ„‹แ…ต แ„‹แ…ญแ„€แ…ฎแ„ƒแ…ฌแ„‚แ…ณแ†ซ แ„‘แ…ณแ„…แ…ฅแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„†แ…ฉแ„‚แ…ฉแ„…แ…ฆแ„‘แ…ฉ แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ|๋Œ€๊ทœ๋ชจ ํ™•์žฅ์„ฑ๊ณผ ์œ ์ง€๋ณด์ˆ˜์„ฑ์ด ์š”๊ตฌ๋˜๋Š” ํ”„๋ŸฐํŠธ์—”๋“œ ๋ชจ๋…ธ๋ ˆํฌ ํ”„๋กœ์ ํŠธ]] - [[แ„ƒแ…ฆแ„‹แ…ตแ„แ…ฅ แ„Œแ…ฎแ†ผแ„‰แ…ตแ†ทแ„‹แ…ด SaaS แ„‹แ…ฅแ„ƒแ…ณแ„†แ…ตแ†ซ แ„‘แ…ขแ„‚แ…ฅแ†ฏ แ„†แ…ตแ†พ CRM แ„ƒแ…ขแ„‰แ…ตแ„‡แ…ฉแ„ƒแ…ณ แ„€แ…ฎแ„Žแ…ฎแ†จ|๋ฐ์ดํ„ฐ ์ค‘์‹ฌ์˜ SaaS ์–ด๋“œ๋ฏผ ํŒจ๋„ ๋ฐ CRM ๋Œ€์‹œ๋ณด๋“œ ๊ตฌ์ถ•]] - [[แ„ƒแ…ฉแ†ผแ„‰แ…ตแ„‰แ…ฅแ†ผ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ (Concurrent Rendering)|๋™์‹œ์„ฑ ๋ Œ๋”๋ง (Concurrent Rendering]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท (Design System)|๋””์ž์ธ ์‹œ์Šคํ…œ (Design System]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท (Design Systems)|๋””์ž์ธ ์‹œ์Šคํ…œ (Design Systems]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท แ„€แ…ขแ„‚แ…งแ†ท|๋””์ž์ธ ์‹œ์Šคํ…œ ๊ฐœ๋…]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท แ„€แ…ฎแ„Žแ…ฎแ†จ|๋””์ž์ธ ์‹œ์Šคํ…œ ๊ตฌ์ถ•]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท แ„€แ…ตแ„‡แ…กแ†ซ แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„€แ…ขแ„‡แ…กแ†ฏ|๋””์ž์ธ ์‹œ์Šคํ…œ ๊ธฐ๋ฐ˜ ์ปดํฌ๋„ŒํŠธ ๊ฐœ๋ฐœ]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท (Design System)|๋””์ž์ธ ์‹œ์Šคํ…œ(Design System]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท (Design Systems)|๋””์ž์ธ ์‹œ์Šคํ…œ(Design Systems]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท|๋””์ž์ธ ์‹œ์Šคํ…œ]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ทแ„‹แ…ด แ„แ…กแ„‹แ…ตแ„‘แ…ฉแ„€แ…ณแ„…แ…ขแ„‘แ…ต แ„แ…ฉแ„แ…ณแ†ซ แ„’แ…ชแ†จแ„Œแ…กแ†ผ แ„†แ…ตแ†พ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|๋””์ž์ธ ์‹œ์Šคํ…œ์˜ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ํ† ํฐ ํ™•์žฅ ๋ฐ ์ตœ์ ํ™”]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„แ…ฉแ„แ…ณแ†ซ (Design Tokens)|๋””์ž์ธ ํ† ํฐ (Design Tokens]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„แ…ฉแ„แ…ณแ†ซ (Design Tokens)|๋””์ž์ธ ํ† ํฐ(Design Tokens]] - [[แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ-แ„€แ…ขแ„‡แ…กแ†ฏ แ„‹แ…ฏแ„แ…ณแ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ(Design-to-Code Workflow)|๋””์ž์ธ-๊ฐœ๋ฐœ ์›Œํฌํ”Œ๋กœ์šฐ(Design-to-Code Workflow]] - [[แ„…แ…ฆแ„‹แ…ตแ„‹แ…กแ„‹แ…ฎแ†บ Flexbox - Grid แ„‹แ…ชแ†ซแ„Œแ…ฅแ†ซ แ„‹แ…ตแ„’แ…ข|๋ ˆ์ด์•„์›ƒ Flexbox - Grid ์™„์ „ ์ดํ•ด]] - [[แ„…แ…ฆแ„‹แ…ตแ„‹แ…กแ„‹แ…ฎแ†บ แ„‰แ…ณแ„…แ…ขแ„‰แ…ตแ†ผ(Layout Thrashing)|๋ ˆ์ด์•„์›ƒ ์Šค๋ž˜์‹ฑ(Layout Thrashing]] - [[แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‡แ…ณแ†ฏแ„…แ…ฉแ„แ…ตแ†ผ แ„‡แ…กแ†ผแ„Œแ…ตแ„…แ…ณแ†ฏ แ„‹แ…ฑแ„’แ…กแ†ซ CSS แ„‡แ…ฎแ†ซแ„’แ…กแ†ฏ แ„†แ…ตแ†พ แ„…แ…ฉแ„ƒแ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|๋ Œ๋”๋ง ๋ธ”๋กœํ‚น ๋ฐฉ์ง€๋ฅผ ์œ„ํ•œ CSS ๋ถ„ํ•  ๋ฐ ๋กœ๋”ฉ ์ตœ์ ํ™”]] - [[แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…กแ„ƒแ…กแ†ซ แ„…แ…ตแ„‰แ…ฉแ„‰แ…ณ(Render-blocking resources)|๋ Œ๋”๋ง ์ฐจ๋‹จ ๋ฆฌ์†Œ์Šค(Render-blocking resources]] - [[แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„€แ…ขแ„‚แ…งแ†ท แ„‰แ…ฅแ†ฏแ„†แ…งแ†ผ แ„Œแ…กแ„…แ…ญ|๋ Œ๋”๋ง ์ตœ์ ํ™” ๊ฐœ๋… ์„ค๋ช… ์ž๋ฃŒ]] - [[แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‘แ…กแ„‹แ…ตแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ†ซ(Rendering Pipeline)|๋ Œ๋”๋ง ํŒŒ์ดํ”„๋ผ์ธ(Rendering Pipeline]] - [[แ„…แ…ตแ„‘แ…ฆแ„‹แ…ตแ†ซแ„แ…ณ(Repaint)|๋ฆฌํŽ˜์ธํŠธ(Repaint]] - [[แ„…แ…ตแ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ แ„†แ…ตแ†พ แ„…แ…ตแ„‘แ…ฆแ„‹แ…ตแ†ซแ„แ…ณ (Reflow & Repaint)|๋ฆฌํ”Œ๋กœ์šฐ ๋ฐ ๋ฆฌํŽ˜์ธํŠธ (Reflow & Repaint]] - [[แ„…แ…ตแ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ แ„†แ…ตแ†พ แ„…แ…ตแ„‘แ…ฆแ„‹แ…ตแ†ซแ„แ…ณ (Reflow & Repaint)|๋ฆฌํ”Œ๋กœ์šฐ ๋ฐ ๋ฆฌํŽ˜์ธํŠธ(Reflow & Repaint]] - [[แ„…แ…ตแ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ แ„†แ…ตแ†พ แ„…แ…ตแ„‘แ…ฆแ„‹แ…ตแ†ซแ„แ…ณ(Reflow and Repaint)|๋ฆฌํ”Œ๋กœ์šฐ ๋ฐ ๋ฆฌํŽ˜์ธํŠธ(Reflow and Repaint]] - [[แ„…แ…ตแ„‘แ…ณแ†ฏแ„…แ…ฉแ„‹แ…ฎ(Reflow)|๋ฆฌํ”Œ๋กœ์šฐ(Reflow]] - [[แ„†แ…กแ„‹แ…ตแ„แ…ณแ„…แ…ฉ แ„‹แ…ตแ†ซแ„แ…ฅแ„…แ…ขแ†จแ„‰แ…งแ†ซ(Micro-interactions)|๋งˆ์ดํฌ๋กœ ์ธํ„ฐ๋ž™์…˜(Micro-interactions]] - [[แ„†แ…กแ„‹แ…ตแ„แ…ณแ„…แ…ฉแ„‰แ…ฅแ„‡แ…ตแ„‰แ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ (Microservices Architecture)|๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค ์•„ํ‚คํ…์ฒ˜ (Microservices Architecture]] - [[แ„†แ…ฆแ„‹แ…ตแ†ซ แ„‰แ…ณแ„…แ…ฆแ„ƒแ…ณ (Main Thread)|๋ฉ”์ธ ์Šค๋ ˆ๋“œ (Main Thread]] - [[แ„†แ…ฆแ„‹แ…ตแ†ซ แ„‰แ…ณแ„…แ…ฆแ„ƒแ…ณ แ„Žแ…กแ„ƒแ…กแ†ซ แ„†แ…ฎแ†ซแ„Œแ…ฆ แ„’แ…ขแ„€แ…งแ†ฏแ„‹แ…ณแ†ฏ แ„‹แ…ฑแ„’แ…กแ†ซ React 16แ„‹แ…ด Fiber แ„‹แ…ฆแ†ซแ„Œแ…ตแ†ซ แ„€แ…ญแ„Žแ…ฆ แ„†แ…ตแ†พ React 18, 19แ„‹แ…ด แ„ƒแ…ฉแ†ผแ„‰แ…ตแ„‰แ…ฅแ†ผ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Œแ…ฅแ†จแ„‹แ…ญแ†ผ แ„‰แ…กแ„…แ…จ|๋ฉ”์ธ ์Šค๋ ˆ๋“œ ์ฐจ๋‹จ ๋ฌธ์ œ ํ•ด๊ฒฐ์„ ์œ„ํ•œ React 16์˜ Fiber ์—”์ง„ ๊ต์ฒด ๋ฐ React 18, 19์˜ ๋™์‹œ์„ฑ ๋ Œ๋”๋ง ์ ์šฉ ์‚ฌ๋ก€]] - [[แ„†แ…ฉแ„‚แ…ฉแ†ฏแ„…แ…ตแ„‰แ…ตแ†จ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ (Monolithic Architecture)|๋ชจ๋†€๋ฆฌ์‹ ์•„ํ‚คํ…์ฒ˜ (Monolithic Architecture]] - [[แ„†แ…ฉแ„ƒแ…ฅแ†ซ แ„‹แ…ฐแ†ธ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(Core Web Vitals)|๋ชจ๋˜ ์›น ์„ฑ๋Šฅ ์ตœ์ ํ™”(Core Web Vitals]] - [[แ„†แ…ฉแ„ƒแ…ฒแ†ฏแ„‰แ…ตแ†จ CSS(Modular CSS)|๋ชจ๋“ˆ์‹ CSS(Modular CSS]] - [[แ„†แ…ฉแ„ƒแ…ฒแ†ฏแ„‰แ…ตแ†จ แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ (Modular Components)|๋ชจ๋“ˆ์‹ ์ปดํฌ๋„ŒํŠธ (Modular Components]] - [[แ„†แ…ฉแ„‡แ…กแ„‹แ…ตแ†ฏ แ„‹แ…ฎแ„‰แ…ฅแ†ซ แ„‰แ…ฅแ†ฏแ„€แ…จ(Mobile-First Design)|๋ชจ๋ฐ”์ผ ์šฐ์„  ์„ค๊ณ„(Mobile-First Design]] - [[แ„†แ…ฉแ„‡แ…กแ„‹แ…ตแ†ฏ แ„‹แ…ฎแ„‰แ…ฅแ†ซแ„Œแ…ฎแ„‹แ…ด (Mobile-First) แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ|๋ชจ๋ฐ”์ผ ์šฐ์„ ์ฃผ์˜ (Mobile-First) ๋””์ž์ธ]] - [[แ„†แ…ฉแ„‡แ…กแ„‹แ…ตแ†ฏ แ„‘แ…ฅแ„‰แ…ณแ„แ…ณ แ„†แ…ตแ†พ แ„ƒแ…กแ„‹แ…ฃแ†ผแ„’แ…กแ†ซ แ„ƒแ…ตแ„‡แ…กแ„‹แ…ตแ„‰แ…ณ แ„’แ…ชแ†ซแ„€แ…งแ†ผแ„‹แ…ณแ†ฏ แ„‹แ…ฑแ„’แ…กแ†ซ แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„’แ…งแ†ผ แ„…แ…ฆแ„‹แ…ตแ„‹แ…กแ„‹แ…ฎแ†บ แ„€แ…ฎแ„Žแ…ฎแ†จ|๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ ๋ฐ ๋‹ค์–‘ํ•œ ๋””๋ฐ”์ด์Šค ํ™˜๊ฒฝ์„ ์œ„ํ•œ ๋ฐ˜์‘ํ˜• ๋ ˆ์ด์•„์›ƒ ๊ตฌ์ถ•]] - [[แ„†แ…ฉแ„‡แ…กแ„‹แ…ตแ†ฏ แ„‘แ…ฅแ„‰แ…ณแ„แ…ณ แ„‹แ…ตแ†ซแ„ƒแ…ฆแ†จแ„‰แ…ตแ†ผ(Mobile-First Indexing)|๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ ์ธ๋ฑ์‹ฑ(Mobile-First Indexing]] - [[แ„†แ…ฉแ„‡แ…กแ„‹แ…ตแ†ฏ แ„‘แ…ฅแ„‰แ…ณแ„แ…ณ(Mobile-First)|๋ชจ๋ฐ”์ผ ํผ์ŠคํŠธ(Mobile-First]] - [[แ„†แ…ฎแ„€แ…ฅแ„‹แ…ฎแ†ซ แ„ƒแ…ฆแ„‹แ…ตแ„แ…ฅ แ„…แ…ตแ„‰แ…ณแ„แ…ณ แ„‘แ…ตแ†ฏแ„แ…ฅแ„…แ…ตแ†ผ แ„€แ…ฎแ„’แ…งแ†ซ|๋ฌด๊ฑฐ์šด ๋ฐ์ดํ„ฐ ๋ฆฌ์ŠคํŠธ ํ•„ํ„ฐ๋ง ๊ตฌํ˜„]] - [[แ„†แ…ตแ„ƒแ…ตแ„‹แ…ฅ แ„แ…ฏแ„…แ…ต (Media Queries)|๋ฏธ๋””์–ด ์ฟผ๋ฆฌ (Media Queries]] - [[แ„†แ…ตแ„ƒแ…ตแ„‹แ…ฅ แ„แ…ฏแ„…แ…ต (Media Queries)|๋ฏธ๋””์–ด ์ฟผ๋ฆฌ(Media Queries]] - [[แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„’แ…งแ†ผ แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„†แ…ตแ†พ แ„‹แ…ตแ†ซแ„แ…ฅแ„…แ…ขแ†จแ„แ…ตแ„‡แ…ณ UI(Responsive and Interactive UI)|๋ฐ˜์‘ํ˜• ๋””์ž์ธ ๋ฐ ์ธํ„ฐ๋ž™ํ‹ฐ๋ธŒ UI(Responsive and Interactive UI]] - [[แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„’แ…งแ†ผ แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ(Responsive Design)|๋ฐ˜์‘ํ˜• ๋””์ž์ธ(Responsive Design]] - [[แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„’แ…งแ†ผ แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ|๋ฐ˜์‘ํ˜• ๋””์ž์ธ]] - [[แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„’แ…งแ†ผ แ„‹แ…ฐแ†ธ UI แ„€แ…ฎแ„’แ…งแ†ซ|๋ฐ˜์‘ํ˜• ์›น UI ๊ตฌํ˜„]] - [[แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„’แ…งแ†ผ แ„‹แ…ฐแ†ธ แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ (Responsive Web Design)|๋ฐ˜์‘ํ˜• ์›น ๋””์ž์ธ (Responsive Web Design]] - [[แ„‡แ…ณแ„…แ…กแ„‹แ…ฎแ„Œแ…ฅ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„€แ…ชแ„Œแ…ฅแ†ผ (Critical Rendering Path)|๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • (Critical Rendering Path]] - [[แ„‡แ…ณแ„…แ…กแ„‹แ…ฎแ„Œแ…ฅ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„€แ…ชแ„Œแ…ฅแ†ผ (HTML โ†’ CSSOM โ†’ Render Tree)|๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • (HTML โ†’ CSSOM โ†’ Render Tree]] - [[แ„‡แ…ณแ„…แ…กแ„‹แ…ฎแ„Œแ…ฅ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„€แ…ชแ„Œแ…ฅแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„†แ…ตแ†พ UI แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„‰แ…ฅแ†ผ แ„€แ…ขแ„‰แ…ฅแ†ซ|๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ • ์ตœ์ ํ™” ๋ฐ UI ๋ฐ˜์‘์„ฑ ๊ฐœ์„ ]] - [[แ„‡แ…ณแ„…แ…กแ„‹แ…ฎแ„Œแ…ฅ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„€แ…ชแ„Œแ…ฅแ†ผ|๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ๊ณผ์ •]] - [[แ„‡แ…ณแ„…แ…กแ„‹แ…ฎแ„Œแ…ฅ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‘แ…กแ„‹แ…ตแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ†ซ(Critical Rendering Path)|๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ํŒŒ์ดํ”„๋ผ์ธ(Critical Rendering Path]] - [[แ„‡แ…ณแ„…แ…กแ„‹แ…ฎแ„Œแ…ฅ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‘แ…ณแ„…แ…ฉแ„‰แ…ฆแ„‰แ…ณ (CRP)|๋ธŒ๋ผ์šฐ์ € ๋ Œ๋”๋ง ํ”„๋กœ์„ธ์Šค (CRP]] - [[แ„‡แ…ณแ„…แ…กแ„‹แ…ฎแ„Œแ…ฅ แ„†แ…ฆแ„‹แ…ตแ†ซ แ„‰แ…ณแ„…แ…ฆแ„ƒแ…ณ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„†แ…ตแ†พ แ„แ…กแ„‹แ…ตแ†ท แ„‰แ…ณแ†ฏแ„…แ…กแ„‹แ…ตแ„‰แ…ตแ†ผ|๋ธŒ๋ผ์šฐ์ € ๋ฉ”์ธ ์Šค๋ ˆ๋“œ ์ตœ์ ํ™” ๋ฐ ํƒ€์ž„ ์Šฌ๋ผ์ด์‹ฑ]] - [[แ„‰แ…ฅแ„‡แ…ฅ แ„‰แ…กแ„‹แ…ตแ„ƒแ…ณ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ(SSR)แ„€แ…ช แ„’แ…กแ„‹แ…ตแ„ƒแ…ณแ„…แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ(Hydration)|์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)๊ณผ ํ•˜์ด๋“œ๋ ˆ์ด์…˜(Hydration]] - [[แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„†แ…ตแ†พ SEO แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ|์„ฑ๋Šฅ ๋ฐ SEO ์ตœ์ ํ™” ํ”„๋กœ์ ํŠธ]] - [[แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Œแ…ฎแ†ผแ„‰แ…ตแ†ทแ„‹แ…ด แ„‹แ…ฐแ†ธ แ„‹แ…ขแ„‚แ…ตแ„†แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ แ„†แ…ตแ†พ แ„‹แ…ตแ†ซแ„แ…ฅแ„…แ…ขแ†จแ„‰แ…งแ†ซ แ„€แ…ฎแ„’แ…งแ†ซ|์„ฑ๋Šฅ ์ค‘์‹ฌ์˜ ์›น ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋ฐ ์ธํ„ฐ๋ž™์…˜ ๊ตฌํ˜„]] - [[แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(Performance Optimization)|์„ฑ๋Šฅ ์ตœ์ ํ™”(Performance Optimization]] - [[แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(Reflow & Repaint)|์„ฑ๋Šฅ ์ตœ์ ํ™”(Reflow & Repaint]] - [[แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ชแ„€แ…ก แ„‘แ…ตแ†ฏแ„‰แ…ฎแ„Œแ…ฅแ†จแ„‹แ…ตแ†ซ แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„ƒแ…กแ„Œแ…ฎแ†ผ แ„แ…ฆแ„†แ…ก แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท|์„ฑ๋Šฅ ์ตœ์ ํ™”๊ฐ€ ํ•„์ˆ˜์ ์ธ ๋Œ€๊ทœ๋ชจ ๋‹ค์ค‘ ํ…Œ๋งˆ ํ”Œ๋žซํผ]] - [[แ„‰แ…ตแ†ฏแ„†แ…ฎแ„‹แ…ฆแ„‰แ…ฅ CSS แ„€แ…ชแ†ซแ„…แ…ตแ„’แ…กแ„‚แ…ณแ†ซ แ„‡แ…กแ†ผแ„‡แ…ฅแ†ธ|์‹ค๋ฌด์—์„œ CSS ๊ด€๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•]] - [[แ„‰แ…ตแ†ฏแ„†แ…ฎแ„‹แ…ฆแ„‰แ…ฅแ„‹แ…ด แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|์‹ค๋ฌด์—์„œ์˜ ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[แ„‹แ…ขแ„‚แ…ตแ„†แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ (transition - keyframes) แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|์• ๋‹ˆ๋ฉ”์ด์…˜ (transition - keyframes) ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[แ„‹แ…ขแ„‚แ…ตแ„†แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ (transition - keyframes)|์• ๋‹ˆ๋ฉ”์ด์…˜ (transition - keyframes]] - [[แ„‹แ…ฆแ†ซแ„แ…ฅแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ„Œแ…ณ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ|์—”ํ„ฐํ”„๋ผ์ด์ฆˆ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜]] - [[แ„‹แ…ฆแ†ซแ„แ…ฅแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ„Œแ…ณแ„€แ…ณแ†ธ แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท แ„€แ…ขแ„‡แ…กแ†ฏ|์—”ํ„ฐํ”„๋ผ์ด์ฆˆ๊ธ‰ ํ”Œ๋žซํผ ๊ฐœ๋ฐœ]] - [[แ„‹แ…ฐแ†ธ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Œแ…ฅแ†ซแ„…แ…ฃแ†จ (CSR, SSR, SSG, ISR)|์›น ๋ Œ๋”๋ง ์ „๋žต (CSR, SSR, SSG, ISR]] - [[แ„‹แ…ฐแ†ธ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„€แ…กแ„‹แ…ตแ„ƒแ…ณ(Web Performance)|์›น ์„ฑ๋Šฅ ๊ฐ€์ด๋“œ(Web Performance]] - [[แ„‹แ…ฐแ†ธ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(Web Performance Optimization)|์›น ์„ฑ๋Šฅ ์ตœ์ ํ™”(Web Performance Optimization]] - [[แ„‹แ…ฐแ†ธ แ„Œแ…ฅแ†ธแ„€แ…ณแ†ซแ„‰แ…ฅแ†ผ แ„†แ…ตแ†พ prefers-reduced-motion|์›น ์ ‘๊ทผ์„ฑ ๋ฐ prefers-reduced-motion]] - [[แ„‹แ…ฐแ†ธ แ„Œแ…ฅแ†ธแ„€แ…ณแ†ซแ„‰แ…ฅแ†ผ แ„†แ…ตแ†พ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|์›น ์ ‘๊ทผ์„ฑ ๋ฐ ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[แ„‹แ…ฐแ†ธ แ„Œแ…ฅแ†ธแ„€แ…ณแ†ซแ„‰แ…ฅแ†ผ(Web Accessibility)|์›น ์ ‘๊ทผ์„ฑ(Web Accessibility]] - [[แ„‹แ…ฐแ†ธ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ แ„‰แ…ฅแ†ฏแ„€แ…จ|์›น ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„]] - [[แ„‹แ…ฒแ„ƒแ…ฉแ†ผแ„Œแ…ฅแ†จ แ„แ…กแ„‹แ…ตแ„‘แ…ฉแ„€แ…ณแ„…แ…ขแ„‘แ…ต (Fluid Typography)|์œ ๋™์  ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ (Fluid Typography]] - [[แ„‹แ…ฒแ„ƒแ…ฉแ†ผแ„Œแ…ฅแ†จ แ„แ…กแ„‹แ…ตแ„‘แ…ฉแ„€แ…ณแ„…แ…ขแ„‘แ…ต (Fluid Typography)|์œ ๋™์  ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ(Fluid Typography]] - [[แ„‹แ…ฒแ„Œแ…ตแ„‡แ…ฉแ„‰แ…ฎ แ„€แ…กแ„‚แ…ณแ†ผแ„’แ…กแ„€แ…ฉ แ„’แ…ชแ†จแ„Œแ…กแ†ผ แ„€แ…กแ„‚แ…ณแ†ผแ„’แ…กแ†ซ CSS แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ แ„‰แ…ฅแ†ฏแ„€แ…จ|์œ ์ง€๋ณด์ˆ˜ ๊ฐ€๋Šฅํ•˜๊ณ  ํ™•์žฅ ๊ฐ€๋Šฅํ•œ CSS ์•„ํ‚คํ…์ฒ˜ ์„ค๊ณ„]] - [[แ„‹แ…ฒแ„Œแ…ตแ„‡แ…ฉแ„‰แ…ฎ แ„€แ…กแ„‚แ…ณแ†ผแ„’แ…กแ†ซ CSS แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ(CSS Modules & Tailwind)|์œ ์ง€๋ณด์ˆ˜ ๊ฐ€๋Šฅํ•œ CSS ์•„ํ‚คํ…์ฒ˜(CSS Modules & Tailwind]] - [[แ„‹แ…ฒแ„Œแ…ตแ„‡แ…ฉแ„‰แ…ฎ แ„€แ…กแ„‚แ…ณแ†ผแ„’แ…กแ†ซ แ„ƒแ…ขแ„€แ…ฒแ„†แ…ฉ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ CSS แ„‰แ…ฅแ†ฏแ„€แ…จ|์œ ์ง€๋ณด์ˆ˜ ๊ฐ€๋Šฅํ•œ ๋Œ€๊ทœ๋ชจ ํ”„๋ก ํŠธ์—”๋“œ CSS ์„ค๊ณ„]] - [[แ„‹แ…ฒแ„Œแ…ตแ„‡แ…ฉแ„‰แ…ฎแ„‰แ…ฅแ†ผ(Maintainability)|์œ ์ง€๋ณด์ˆ˜์„ฑ(Maintainability]] - [[แ„‹แ…ฒแ„แ…ตแ†ฏแ„…แ…ตแ„แ…ต แ„‘แ…ฅแ„‰แ…ณแ„แ…ณ(Utility-first)|์œ ํ‹ธ๋ฆฌํ‹ฐ ํผ์ŠคํŠธ(Utility-first]] - [[แ„‹แ…ตแ„แ…ฅแ„†แ…ฅแ„‰แ…ณ แ„†แ…ฉแ„‡แ…กแ„‹แ…ตแ†ฏ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„†แ…ตแ†พ แ„‰แ…กแ†ผแ„‘แ…ฎแ†ท แ„แ…กแ†ทแ„‰แ…ขแ†จ UX-UI แ„‰แ…ฅแ†ฏแ„€แ…จ|์ด์ปค๋จธ์Šค ๋ชจ๋ฐ”์ผ ์ตœ์ ํ™” ๋ฐ ์ƒํ’ˆ ํƒ์ƒ‰ UX-UI ์„ค๊ณ„]] - [[แ„Œแ…ฅแ†ซแ„Œแ…กแ„‰แ…กแ†ผแ„€แ…ฅแ„…แ…ข แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท (E-commerce Platforms)|์ „์ž์ƒ๊ฑฐ๋ž˜ ํ”Œ๋žซํผ (E-commerce Platforms]] - [[แ„Œแ…ฅแ†ทแ„Œแ…ตแ†ซแ„Œแ…ฅแ†จ แ„Œแ…ฅแ†ผแ„Œแ…ฅแ†จ แ„Œแ…ขแ„‰แ…ขแ†ผแ„‰แ…ฅแ†ผ (ISR)|์ ์ง„์  ์ •์  ์žฌ์ƒ์„ฑ (ISR]] - [[แ„Œแ…ฎแ†ผแ„‹แ…ญ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„€แ…งแ†ผแ„…แ…ฉ (Critical Rendering Path)|์ค‘์š” ๋ Œ๋”๋ง ๊ฒฝ๋กœ (Critical Rendering Path]] - [[แ„Žแ…กแ„‰แ…ฅแ†ซ แ„†แ…ฉแ„ƒแ…ฆแ†ฏแ„€แ…ช แ„Œแ…กแ†จแ„‹แ…ฅแ†ธ แ„‹แ…ฎแ„‰แ…ฅแ†ซแ„‰แ…ฎแ†ซแ„‹แ…ฑ (Lane Model & Priorities)|์ฐจ์„  ๋ชจ๋ธ๊ณผ ์ž‘์—… ์šฐ์„ ์ˆœ์œ„ (Lane Model & Priorities]] - [[แ„Žแ…ฉแ„€แ…ต แ„…แ…ฉแ„ƒแ…ณ แ„‰แ…ตแ„€แ…กแ†ซ (Initial Load Time)|์ดˆ๊ธฐ ๋กœ๋“œ ์‹œ๊ฐ„ (Initial Load Time]] - [[แ„แ…ฅแ†ซแ„แ…ฆแ„‹แ…ตแ„‚แ…ฅ แ„แ…ฏแ„…แ…ต (Container Queries)|์ปจํ…Œ์ด๋„ˆ ์ฟผ๋ฆฌ (Container Queries]] - [[แ„แ…ฅแ†ซแ„แ…ฆแ„‹แ…ตแ„‚แ…ฅ แ„แ…ฏแ„…แ…ต (Container Queries)|์ปจํ…Œ์ด๋„ˆ ์ฟผ๋ฆฌ(Container Queries]] - [[แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„€แ…ตแ„‡แ…กแ†ซ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ (CBA)|์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜ (CBA]] - [[แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„€แ…ตแ„‡แ…กแ†ซ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ (React, Vue แ„ƒแ…ณแ†ผ)|์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜ (React, Vue ๋“ฑ]] - [[แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„€แ…ตแ„‡แ…กแ†ซ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ แ„€แ…ขแ„‚แ…งแ†ท แ„‰แ…ฎแ„Œแ…ตแ†ธ แ„‘แ…ฉแ„‹แ…ตแ†ซแ„แ…ณ|์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜ ๊ฐœ๋… ์ˆ˜์ง‘ ํฌ์ธํŠธ]] - [[แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„€แ…ตแ„‡แ…กแ†ซ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ(Component-Based Architecture)|์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜(Component-Based Architecture]] - [[แ„แ…ฅแ†ทแ„‘แ…ฉแ„‚แ…ฅแ†ซแ„แ…ณ แ„€แ…ตแ„‡แ…กแ†ซ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ|์ปดํฌ๋„ŒํŠธ ๊ธฐ๋ฐ˜ ์•„ํ‚คํ…์ฒ˜]] - [[แ„แ…ฉแ†ซแ„แ…ฆแ†ซแ„Žแ…ณ แ„€แ…ตแ„‡แ…กแ†ซแ„‹แ…ด แ„‹แ…ตแ„แ…ฅแ„†แ…ฅแ„‰แ…ณ แ„†แ…ตแ†พ แ„‚แ…ฒแ„‰แ…ณ แ„‹แ…ฐแ†ธแ„‰แ…กแ„‹แ…ตแ„แ…ณ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„แ…ฒแ„‚แ…ตแ†ผ|์ฝ˜ํ…์ธ  ๊ธฐ๋ฐ˜์˜ ์ด์ปค๋จธ์Šค ๋ฐ ๋‰ด์Šค ์›น์‚ฌ์ดํŠธ ์„ฑ๋Šฅ ํŠœ๋‹]] - [[แ„แ…ณแ„…แ…ฉแ„‰แ…ณ แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท UI แ„€แ…ขแ„‡แ…กแ†ฏ(Cross-Platform UI Development)|ํฌ๋กœ์Šค ํ”Œ๋žซํผ UI ๊ฐœ๋ฐœ(Cross-Platform UI Development]] - [[แ„แ…ณแ„…แ…ฉแ„‰แ…ณ แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท แ„‹แ…งแ†ซแ„ƒแ…ฉแ†ผ|ํฌ๋กœ์Šค ํ”Œ๋žซํผ ๋””์ž์ธ ์‹œ์Šคํ…œ ์—ฐ๋™]] - [[แ„แ…ณแ„…แ…ฉแ„‰แ…ณ แ„‘แ…ณแ†ฏแ„…แ…ขแ†บแ„‘แ…ฉแ†ท(Web, iOS, Android) UI แ„€แ…ขแ„‡แ…กแ†ฏ แ„†แ…ตแ†พ แ„‡แ…ขแ„‘แ…ฉ แ„‘แ…กแ„‹แ…ตแ„‘แ…ณแ„…แ…กแ„‹แ…ตแ†ซ|ํฌ๋กœ์Šค ํ”Œ๋žซํผ(Web, iOS, Android) UI ๊ฐœ๋ฐœ ๋ฐ ๋ฐฐํฌ ํŒŒ์ดํ”„๋ผ์ธ]] - [[แ„แ…ณแ„…แ…ตแ„แ…ตแ„แ…ฅแ†ฏ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„‘แ…ขแ„‰แ…ณ (Critical Rendering Path)|ํฌ๋ฆฌํ‹ฐ์ปฌ ๋ Œ๋”๋ง ํŒจ์Šค (Critical Rendering Path]] - [[แ„แ…ณแ†ฏแ„…แ…กแ„‹แ…ตแ„‹แ…ฅแ†ซแ„แ…ณ แ„‰แ…กแ„‹แ…ตแ„ƒแ…ณ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ (CSR)|ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง (CSR]] - [[แ„แ…กแ„‹แ…ตแ„‘แ…ตแ†ผแ„‹แ…ฆ แ„Œแ…ณแ†จแ„€แ…กแ†จ แ„‡แ…กแ†ซแ„‹แ…ณแ†ผแ„’แ…ขแ„‹แ…ฃ แ„’แ…กแ„‚แ…ณแ†ซ แ„€แ…ฅแ†ทแ„‰แ…ขแ†จแ„Žแ…กแ†ผ (Search-as-you-type)|ํƒ€์ดํ•‘์— ์ฆ‰๊ฐ ๋ฐ˜์‘ํ•ด์•ผ ํ•˜๋Š” ๊ฒ€์ƒ‰์ฐฝ (Search-as-you-type]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„€แ…ตแ„Žแ…ฉ แ„€แ…ฎแ„Œแ…ฉ แ„‹แ…ตแ„’แ…ข แ„’แ…ขแ†จแ„‰แ…ตแ†ท แ„†แ…ฉแ†จแ„Œแ…ฅแ†จ|ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ดˆ ๊ตฌ์กฐ ์ดํ•ด ํ•ต์‹ฌ ๋ชฉ์ ]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„€แ…ตแ„Žแ…ฉ แ„€แ…ฎแ„Œแ…ฉ แ„‹แ…ตแ„’แ…ข|ํ”„๋ก ํŠธ์—”๋“œ ๊ธฐ์ดˆ ๊ตฌ์กฐ ์ดํ•ด]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„…แ…ฆแ†ซแ„ƒแ…ฅแ„…แ…ตแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(Rendering Optimization)|ํ”„๋ก ํŠธ์—”๋“œ ๋ Œ๋”๋ง ์ตœ์ ํ™”(Rendering Optimization]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„†แ…ตแ†พ SEO แ„€แ…ขแ„‰แ…ฅแ†ซ แ„‘แ…ณแ„…แ…ฉแ„Œแ…ฆแ†จแ„แ…ณ|ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™” ๋ฐ SEO ๊ฐœ์„  ํ”„๋กœ์ ํŠธ]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช แ„Œแ…ฅแ†ซแ„…แ…ฃแ†จ|ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™” ์ „๋žต]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช(Frontend Performance Optimization)|ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”(Frontend Performance Optimization]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‰แ…ฅแ†ผแ„‚แ…ณแ†ผ แ„Žแ…ฌแ„Œแ…ฅแ†จแ„’แ…ช|ํ”„๋ก ํŠธ์—”๋“œ ์„ฑ๋Šฅ ์ตœ์ ํ™”]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ|ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜]] - [[แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‘แ…ณแ„…แ…ฆแ„‹แ…ตแ†ทแ„‹แ…ฏแ„แ…ณ (React, Angular, Vue)|ํ”„๋ก ํŠธ์—”๋“œ ํ”„๋ ˆ์ž„์›Œํฌ (React, Angular, Vue]] - [[แ„‘แ…ตแ„Žแ…ฅ แ„‰แ…ณแ†ฏแ„…แ…กแ„‹แ…ตแ„‰แ…ณ แ„ƒแ…ตแ„Œแ…กแ„‹แ…ตแ†ซ (Feature-Sliced Design)|ํ”ผ์ฒ˜ ์Šฌ๋ผ์ด์Šค ๋””์ž์ธ (Feature-Sliced Design]] - [[แ„’แ…กแ„‹แ…ตแ„ƒแ…ณแ„…แ…ฆแ„‹แ…ตแ„‰แ…งแ†ซ (Hydration)|ํ•˜์ด๋“œ๋ ˆ์ด์…˜ (Hydration]] - [[แ„’แ…ชแ†จแ„Œแ…กแ†ผ แ„€แ…กแ„‚แ…ณแ†ผแ„’แ…กแ†ซ แ„‰แ…ณแ„แ…กแ„‹แ…ตแ†ฏ แ„‰แ…ตแ„‰แ…ณแ„แ…ฆแ†ท|ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ์Šคํƒ€์ผ ์‹œ์Šคํ…œ]] - [[แ„’แ…ชแ†จแ„Œแ…กแ†ผ แ„€แ…กแ„‚แ…ณแ†ผแ„’แ…กแ†ซ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ แ„€แ…ฎแ„Žแ…ฎแ†จ|ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜ ๊ตฌ์ถ•]] - [[แ„’แ…ชแ†จแ„Œแ…กแ†ผ แ„€แ…กแ„‚แ…ณแ†ผแ„’แ…กแ†ซ แ„‘แ…ณแ„…แ…ฉแ†ซแ„แ…ณแ„‹แ…ฆแ†ซแ„ƒแ…ณ แ„‹แ…กแ„แ…ตแ„แ…ฆแ†จแ„Žแ…ฅ(Scalable Frontend Architecture)|ํ™•์žฅ ๊ฐ€๋Šฅํ•œ ํ”„๋ก ํŠธ์—”๋“œ ์•„ํ‚คํ…์ฒ˜(Scalable Frontend Architecture]]