Styled-components

React 애플리케이션에서 사용되는 CSS-in-JS 라이브러리입니다. 이 라이브러리를 사용하면 JavaScript 파일 안에서 CSS를 작성할 수 있습니다. 이러한 방식은 컴포넌트 지향 아키텍처와 잘 어울리며, CSS를 컴포넌트와 함께 유지 및 관리할 수 있도록 도와줍니다.styled-component 는 제가 제일 좋아하는 CSS-in-JS 라이브러리 입니다.  그리고 제가 가장 많이 쓰는 css 스타일 방법 중에 하나입니다. 하지만 문득 내가 진짜 styled-component 를 재대로 사용하고 있는 것이 맞을까?? 라는 의문이 생겼습니다. 그래서 좀더 자세히 공부를 하다 보니 제가 모르는 부분이 많다는 것을 느껴 제대로 styled-component 를 정리할 겸 이러한 정보들을 공유하기 위해 ..

• format_list_bulleted 라이브러리
• · 2024. 5. 1.
• textsms

useState

React 에서 상태를 관리할 때 가장 기본적인 useState 를 정리해봅니다. useState 는 가장 기본적인 상태 관리 함수로써 사용됩니다.사용법도 아주 간단하지만 세부적으로 들어가면 모르는 부분이 있을 수 있다고 생각하기 때문에 실수할 수 있는 부분을 줄이면 좋겠다 싶어 정리해 보았습니다.useStateimport { useState } from 'react';const [data, setData] = useState('initialState'); useState 를 배우면서 알아야 할 가장 중요한 부분을 미리 정리합니다. 1. useState 를 사용할 때 배열 구조 분해를 사용하여 변수의 이름을 짓는 것이 규칙입니다.2. useState() 안에 매개변수로 들어가는 것은 초기 상태로서 이 매..

• format_list_bulleted React
• · 2024. 1. 7.
• textsms