본문 바로가기

전체 글

(68)
[React] Zustand 지난 Recoil에 이어 React의 전역 상태 관리 도구 중 하나인 Zustand에 대해서 알아보자. https://memo-code.tistory.com/68 [React] Recoil지난 Context-API에 이어, props drilling을 해결하기 위한 React의 전역 상태 관리 도구 중 하나인 Recoil에 대해서 알아보자. [https://memo-code.tistory.com/67 [React] Context-APIReact를 사용하다보면, 값을 전역적으memo-code.tistory.com Zustand? Zustand는 전역 상태 관리를 돕는 React의 라이브러리이다. Zustand는 낮은 러닝커브를 가지고 있기에 간단하게 이해와 적용이 가능하고, 가볍다는 장점이 있기 때문에..
[React] Tailwind CSS Tailwind CSSTailwind CSS는 유틸리티 클래스 기반의 CSS 프레임워크이다.기존의 css 스타일링 방식과 달리, 미리 정의된 작은 클래스들을 조합하여서 스타일할 수 있다는 점이 특징이다.이 특징만으로 Tailwind를 사용하게되면, 빠른 개발 속도와 일관된 디자인이라는 결과를 얻을 수 있다. Install & Settingnpm install -D tailwindcss@3.4.17 postcss autoprefixernpx tailwindcss init 설치 후 생성되는 tailwind.config.js 파일을 다음과 같이 수정해준다.// tailwind.config.jsexport default { content: [ "./index.html", "./src/**/*..
[React] Recoil 지난 Context-API에 이어, props drilling을 해결하기 위한 React의 전역 상태 관리 도구 중 하나인 Recoil에 대해서 알아보자. [https://memo-code.tistory.com/67 [React] Context-APIReact를 사용하다보면, 값을 전역적으로 관리하여야 할 때가 많다. 예를 들어, 테마나 언어 설정 등의 서비스 전반에서 공통적으로 사용되는 데이터 들이 그렇다.부모 자식 간의 관계가 존재하는memo-code.tistory.com Recoil?Recoil은 전역 상태 관리를 돕는 React의 라이브러리이다.Context와 달리 비동기 처리와 코드의 분리도가 높고, 하위 컴포넌트가 모두 리랜더링 되지 않는다는 장점이 있다. Recoil은 기본적으로 Atom과..