HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🐣
프론트엔드 데브코스 3기 교육생/
🐸
나영팀/
pre-프로젝트 구현사항

pre-프로젝트 구현사항

Created
Feb 8, 2023 03:56 AM
Tags
회원가입/로그인
린트 포매터 셋팅 - husky/lint-staged
리코일 셋팅
리액트 쿼리 셋팅
공통 컴포넌트
모달
SweetAlert
NPM combined with a tool like Browserify or Webpack is the recommended method of installing SweetAlert. Then, simply import it into your application: You can also find SweetAlert on unpkg and jsDelivr and use the global swal variable. After importing the files into your application, you can call the swal function (make sure it's called after the DOM has loaded!)
https://sweetalert.js.org/guides/
토스트
react-hot-toast - The Best React Notifications in Town - react-hot-toast
Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
react-hot-toast - The Best React Notifications in Town - react-hot-toast
https://react-hot-toast.com/
react-hot-toast - The Best React Notifications in Town - react-hot-toast
스피너
버튼
아이콘
flux container
테스트 환경 셋팅
 
  1. 미리 해야할 일들
    1. 회원가입, 로그인
    2. 초기 환경 세팅
      1. 기본 환경
      2. lint-staged
      3. 스타일
        1. normalize css
            2. .css-xt128v{color:#0076ff;-webkit-text-decoration:none;text-decoration:none;}.css-xt128v:hover{-webkit-text-decoration:underline;text-decoration:underline;}normalize.css.css-lllnmq{padding-left:5px;padding-right:5px;}/normalize.css
            The CDN for normalize.css
            .css-xt128v{color:#0076ff;-webkit-text-decoration:none;text-decoration:none;}.css-xt128v:hover{-webkit-text-decoration:underline;text-decoration:underline;}normalize.css.css-lllnmq{padding-left:5px;padding-right:5px;}/normalize.css
            https://unpkg.com/browse/normalize.css@8.0.1/normalize.css
      4. 테스트 환경 세팅
    3. api 모듈
    4. 공통 컴포넌트 → 라이브러리
      1. mui
      2. react-icon
      3. sweetAlert
      4. react-hot-toast
  1. prettier, eslint 세부 규칙 정하기