NextJS) 로그인 유무 확인 기능, push와 replace 차이
2022. 10. 5. 23:01
Frontend/React & React.Native &Next.js
로그인 유무 확인 기능 enter를 쓰면 histroy에 남아 뒤로가기하면 그전 페이지로 이동한다. histroy에 남기지 않기 위해서는 replace 로 해야한다.
Primsa, PlanetScale) 시작, 셋업(set-up)
2022. 8. 14. 20:34
DB/Prisma, SQL, MongoDB
설치 npm i prisma -D 초기화 npx prisma init .schema.prisma 에서 모델 생성 planetScale 설치 brew install planetscale/tap/pscale brew install mysql-client 지역 확인 pscale region list pscale data base create [databaseName] --region ap -northeast 연결 pscale connect [databaseName] 동기화 npx prisma db push 프리스마 스튜디오 npx prisma studio 서비스용 디비 npm i @prisma/client libs/client.ts import { PrismaClient } from '@prisma/clien..
NestJS) NestJS 시작하기 Set-UP(graphql 등)
2022. 7. 26. 14:48
Backend 언어 및 프레임워크/Javascript- Node, express, Nest
1. 앱 생성 nest new [이름] or nest g application 2. 깃이그노어 추가 shift +cmd + p => add gitgnore => node 3. 깃허브 등록 4. graphql 추가 npm i @nestjs/graphql @nestjs/apollo graphql apollo-server-express (참조 :https://docs.nestjs.com/graphql/quick-start)
TailWindCSS) Set-up
2022. 7. 25. 14:42
Frontend/HTML, CSS, DOM, jQuery
설치 npm install -D tailwindcss postcss autoprefixer npx tailwind init -p ** 모든 다이렉토리 * 모든 파일 globals.css @tailwind base; @tailwind components; @tailwind utilities; npm install -D @tailwindcss/forms tailwind.config.js /** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./pages/**/*.{js,jsx,ts,tsx}", "./components/**/*.{js,jsx,ts,tsx}" ], theme: { extend: {}, }, darkMode:"med..