Dev갱이 Dev갱이

function App() { const [varA, setVarA] = useState(0); const [varB, setVarB] = useState(0); // 이렇게 하면 안된다! useEffect(() => { const timeoutA = setTimeout(() => setVarA(varA + 1), 1000); const timeoutB = setTimeout(() => setVarB(varB + 2), 2000); return () => { clearTimeout(timeoutA); clearTimeout(timeoutB); }; }, [varA, varB]); return ( Var A: {varA}, Var B: {varB} ); } 보다시피, 한번 상태 변경으로 varA와 varB..

axios 1.2.2버전 이슈 instance.interceptors.request.use((config:AxiosRequestConfig) => { const accessToken = Cookies.get('accessToken'); if (config.headers && accessToken) { config.headers!['Authorization'] = `Bearer ${accessToken}`; } return config; }); 보통 이렇게 axios interceptors를 이용해서 config header에다가 accessToken을 넣어주는데 2022-01-16일자로 axios를 설치 하게 되면 1.2.2가 설치 되어서 원래 사용하던대로 사용하니까 에러가 발생했다. 아래에 axios ..

https://prgms.tistory.com/183

로컬에서 개발할때 docker-compose.dev 파일로 개발하는데 docker-compose up 명령어는 docker-compose 파일을 실행시킨다 그래서 docker-compose -f docker-compose-dev.yml up

1. tsconfig.json 설정 2. prettier 설정 3. sass 설치 npm i sass 공식문서 참고 -https://nextjs.org/docs/messages/install-sass 4. tailwind.css 설치 https://tailwindcss.com/docs/guides/nextjs Install Tailwind CSS with Next.js - Tailwind CSS Setting up Tailwind CSS in a Next.js v10+ project. tailwindcss.com tailwind.config.js const plugin = require('tailwindcss/plugin'); /** @type {import('tailwindcss').Config} */..

tsconfig.json { "compilerOptions": { "target": "es5", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, "forceConsistentCasingInFileNames": true, "noEmit": true, "esModuleInterop": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "jsx": "preserve", "incremental": true }, "include": ["next-env...

.prettierrc { "trailingComma": "all", "tabWidth": 2, "useTabs": true, "semi": true, "singleQuote": true, "importOrder": [ "", "^@/components/(.*)$", "^@/screens/(.*)$", "^@/ui/(.*)$", "^@/hooks/(.*)$", "^@/shared/(.*)$", "^@/services/(.*)$", "^@/assets/(.*)$", "^@/utils/(.*)$", "^@/config/(.*)$", "^@/store/(.*)$", "^../(.*)", "^./(.*)", "(.scss)$" ], "importOrderSeparation": true, "importOrderSo..

https://uiverse.io/ Open-Source UI elements - made with CSS and HTML Library of free and customizable HTML and CSS UI elements. It's all open-source, and it's all free. Try it out to save you many hours spent on building & customizing UI components for your next project. uiverse.io