반응형

목록전체 글 (649)

DBILITY

react .env

REACT_APP_변수명으로 작성해야 사용할 있다. 사용할때는 jsx에서 process.env.REACT_APP_SHOP_NAME
front-end & ui/react 2023. 6. 9. 16:19
react image src path

import하거나 public 폴더에 두거나 vue3와 마찬가지로 require로 동적으로 불러 올 수 있다. 이런 것도 기억을 못한다. https://create-react-app.dev/docs/using-the-public-folder Using the Public Folder | Create React App Note: this feature is available with react-scripts@0.5.0 and higher. create-react-app.dev
front-end & ui/react 2023. 6. 9. 14:07
react react-toastify

nextjs에서도 당연히 사용 가능하다. ToastContainer 콤포넌트를 삽입하고 사용하면 된다. 표시영역인가보다. .toast_alert { background: #ecaa12 !important; color: white !important; font-weight: bold } toast.warning("입력값을 확인하세요", {className: "toast_alert", theme: "colored"}); https://fkhadra.github.io/react-toastify/introduction React-toastify | React-Toastify [![Financial Contributors on Open Collective](https://opencollective.com/reac..
front-end & ui/react 2023. 6. 9. 10:05
toast UI

https://ui.toast.com/ TOAST UI :: Make Your Web Delicious! TOAST UI is an open-source JavaScript UI library maintained by NHN Cloud. ui.toast.com 좋다~
reference 2023. 5. 2. 10:57
next-auth 기초 정리

https://next-auth.js.org/ NextAuth.js Authentication for Next.js next-auth.js.org nmp install next-auth nextjs 13.2부터 App Router에서는 app/api 하위에 auth/[...nextauth]디렉토리를 생성하고, route.js 파일을 작성한다. OAuth중에 github을 사용해 본다. 실은 이번에 처음 사용하게 되었다. route.js import NextAuth from "next-auth"; import GithubProvider from "next-auth/providers/github"; export const authOptions = { providers: [ GithubProvider({ cl..
front-end & ui/nextjs 2023. 4. 24. 10:12
Prev 1 ··· 13 14 15 16 17 18 19 ··· 130 Next
반응형