Flaw Detector

코드 취약점 솔루션

Slide https://ifh.cc/g/T4jdjC.jpg
Slide https://ifh.cc/g/8JxW7l.jpg
Slide https://ifh.cc/g/5Ox7hO.jpg
Slide https://ifh.cc/g/XqCw6D.jpg
Slide https://ifh.cc/g/rh9oDW.jpg
Slide https://ifh.cc/g/nFaQxQ.jpg
Slide https://ifh.cc/g/1NXJgw.jpg
Slide https://ifh.cc/g/MSFATb.jpg
Slide https://ifh.cc/g/AS9r6j.jpg
Slide https://ifh.cc/g/Zykthg.jpg
Slide https://ifh.cc/g/lh0gN8.jpg

Team Project

목표

작성한 코드의 보안취약점을 AI llama3를 통해 분석 및 솔루션 제공

기간

2024.08.05 - 20204.10.28

인원

Front 5명

Stack

  • Typescript
  • Tailwind-css
  • Next.js
  • Firebase
  • lamma 3
  • Framer-motion
  • Storybook
  • Google-Translate
  • dotenv
  • pupeteer
  • 프로젝트 역할

    • 웹크롤링 구현
    • 크롤링 번역
    • 검색기능
    • client-server firebase 연동
    • 검사페이지 북마크

    트러블 슈팅

    문제 - SPA사이트 게시글주소가 변하지 않아 웹크롤링 불가

    해결 - 라이브러리 cheerio->pupeteer로 변경 후 사용

    문제 - node.js를 이용해 크롤링 번역 했을 때 403, Syntax 에러 발생

    해결 - 콘솔확인 -> env리딩문제 -> undefined인 것을 확인, dotenv 사용

    문제 - 북마크 클릭 시 페이지 리렌더링 (이벤트 버블링1)

    해결 - event.stopPropagation()라는 메소드를 사용하여 해결

    문제 - 북마크목록버튼 더블클릭(이벤트 버블링2)

    해결 - 여백 클릭하면 목록을 닫는 기능 때문에 생긴문제 -> debounce를 적용

    Link