내배캠 TIL 2023.02.07

개발자 되는 중/TIL&WIL

SeonChoco 2023. 2. 7. 19:39

[TIL] react-app-env.d.ts파일 속 ///<reference types="react-scripts"> ?

프로젝트에서 .env파일에 있는 변수를 사용하려면 보통 아래처럼 사용할 수 있다. 근데 이렇게만 사용하면 typescript 프로젝트 상에서는 변수가 undefined 이라면서 오류가 발생한다. 타입지정을 안

velog.io

React + TypeScript + Tailwind 설정

Tailwind CSS란? 맞춤형 사용자 인터페이스를 빠르게 구축하기 위한 유틸리티 우선 CSS 프레임워크

velog.io

Install Tailwind CSS with Create React App - Tailwind CSS

Setting up Tailwind CSS in a Create React App project.

tailwindcss.com

역할 (기능, ui) 분배

초기 세팅 (라이브러리 다운로드, 폴더링)

npm install @reduxjs/toolkit react-redux

measurementId 없는 경우도 있는 듯

postcss.config.js

module.exports = {
  plugins: {
    tailwindcss: {},
    autoprefixer: {},
  },
};

index.css

@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";

전역 상태관리는 rtk로, 서버상태관리는 react-query로 따로 관리해주어야 했던 불편함을 해소하기 위해 rtk-query를 사용함으로써 한번에 관리하기위해 선택했다.

성공한 세팅

React + TypeScript + Tailwind 설정

Tailwind CSS란? 맞춤형 사용자 인터페이스를 빠르게 구축하기 위한 유틸리티 우선 CSS 프레임워크

velog.io

선초코