Jiwon Yu's Blog

Jiwon Yu's Blog

Jiwon Yu's Blog

J
Jiwon Yu's Blog
14 posts
[Design Pattern] What is MVVM?
MVVM stands for Model-View-ViewModel. It is a design pattern that facilitates the separation of concerns in user interface development. MVVM is particularly prevalent in frameworks like Angular, Vue.js, and Knockout.js. Model: Represents the data an...
Mar 7, 20242 min read
[React] What is Context API?
In React, Context provides a way to pass data through the component tree without having to pass props manually at every level. It allows you to share values across the entire application effortlessly. It enables components to subscribe to a context a...
Feb 22, 20243 min read
[React] Performance Optimization in Applications
When considering performance in React applications, several key factors should be taken into account to ensure optimal user experience and efficient resource utilization. 1. Rendering Performance Use Memoization Employ memoization techniques such as...
Feb 8, 20242 min read
[React] What is Controlled/Uncontrolled Component?
React provides developers with two main approaches for managing form elements: controlled components and uncontrolled components. 1. Contorlled Component A controlled component is a form element whose value is controlled by the state. This means tha...
Feb 5, 20242 min read
[React] What is Virtual DOM?
React employs a concept known as the Virtual DOM(Document Object Model) to enhance performance and optimize the updating of the user interface. In traditional web development, changes to the DOM(Document Object Model) trigger a reflow and repaint of ...
Feb 4, 20242 min read
[React] What is JSX?
JSX, or JavaScript XML, is a syntax extension for JavaScript recommended by React for creating React elements. It looks similar to XML or HTML, making it more readable and intuitive when describing the structure of your UI components. In essence, JSX...
Feb 3, 20243 min read
[TypeScript] What is Generics?
In the world of TypeScript, generics provide a powerful way to write reusable and flexible code. Generics allow you to create functions, classes, and interfaces that work with a variety of types, providing better type safety and enabling the creation...
Jan 28, 20243 min read
[React] What is useEffect?
useEffect is a React Hook that lets you synchronize a component with an external system. How to use useEffect? useEffect(setup, dependencies?) import { useEffect, useState } from 'react'; import { createConnection } from './chat.js'; function ChatR...
Jan 27, 20243 min read
[React] What is useCallback?
useCallback is a React Hook that lets you cache a function definition between re-renders. How to use useCallback? useCallback(fn, dependencies) import { useCallback } from 'react'; export default function ProductPage({ productId, referrer, theme })...
Jan 25, 20243 min read