본문 바로가기

tools6

CodeRabbit AI - AI기반 코드 리뷰 AI기반 코드 리뷰와 해결책 제안 https://www.coderabbit.ai/ AI Code Reviews | CodeRabbit | Try for FreeMost advanced AI code reviews that catches 95%+ bugs. Free your devs to ship code faster.www.coderabbit.ai 로그인 후, 깃헙 레포 연동해서 사용 가능 .coderabbit.yaml속성값 관련 문서# yaml-language-server: $schema=https://coderabbit.ai/integrations/schema.v2.jsonlanguage: "ko-KR"early_access: falsereviews: profile: "assertive" #.. 2025. 5. 4.
sweetalert2 customClass container: 전체 SweetAlert 모달을 감싸는 최외곽 컨테이너입니다. popup: 실제 모달 창 자체를 나타냅니다. header: 모달의 상단 부분으로, 주로 title과 closeButton을 포함합니다. title: 모달의 제목 텍스트에 적용됩니다. closeButton: 모달을 닫는 'X' 버튼에 적용됩니다. icon: 모달에 표시되는 아이콘(성공, 에러 등)에 적용됩니다. image: 모달에 이미지가 포함될 때 해당 이미지에 적용됩니다. htmlContainer: 주 내용(text 속성의 내용)이 표시되는 영역입니다. input: 입력 필드가 있는 경우, 해당 입력 요소에 적용됩니다. inputLabel: 입력 필드에 라벨이 있는 경우, 해당 라벨에 적용됩니다. validationMe.. 2024. 8. 16.
react-intersection-observer(라이브러리.무한스크롤) https://github.com/thebuilder/react-intersection-observer GitHub - thebuilder/react-intersection-observer: React implementation of the Intersection Observer API to tell you when an elemeReact implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport. - thebuilder/react-intersection-observergithub.com 특정 요소가 사용자의 viewport(화면) 내에 들어오는지 감지Intersection.. 2024. 7. 7.
리액트 tailwind css 적용 패키지 설치npm install -D tailwindcssnpx tailwindcss inityarn add -D tailwindcss postcss autoprefixeryarn tailwind init -p 위 패키지 설치 완료 시, postcss.config.js / tailwind.config.js 파일 자동 생성됨  // tailwind.config.js 수정 js,ts,jsx,tsx의 파일 형식에 적용/** @type {import('tailwindcss').Config} */export default { content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"], theme: { extend: {}, }, plugins: [],}; //i.. 2024. 6. 11.
리액트 fontawesome 설치 및 사용 패키지 다운로드 공식문서https://docs.fontawesome.com/v5/web/use-with/react  //yarnyarn add @fortawesome/fontawesome-svg-coreyarn add @fortawesome/free-solid-svg-iconsyarn add @fortawesome/free-regular-svg-iconsyarn add @fortawesome/free-brands-svg-iconsyarn add @fortawesome/react-fontawesome //npmnpm i --save @fortawesome/fontawesome-svg-corenpm install --save @fortawesome/free-solid-svg-iconsnpm install -.. 2024. 6. 3.
.prettierrc { "trailingComma": "es5", "tabWidth": 2, "semi": true, "singleQuote": true, "arrowParens": "always", "printWidth": 120} 2024. 5. 30.