[팀프로젝트] B-NOTY (싸피 프로젝트)

[자울 프로젝트]

프로젝트명 : B-NOTY

기간 : 2022.04.11 ~ 2022.05.20

소개 : BNOTY는 웹에서 필기하고 해당 내용을 저장하여 다른 기기에서도 확인할 수 있는 크롬 확장 프로그램입니다.

사용 기술 스택 : JavaScript, Firebase 

내용 :

• 연필 - 선택한 선 너비와 색상으로 사용자 정의 선을 그립니다.
• 형광펜 - 선택한 선 너비와 색상으로 사용자 정의 선을 그립니다.
• 텍스트 - 선택한 색상, 폰트 및 크기를 사용하여 웹 페이지에 텍스트를 삽입합니다.
• 네모 - 선택한 선 너비, 투명도 및 색상으로 사각형을 그립니다.
• 세모 - 선택한 선 너비, 투명도 및 색상으로 삼각형을 그립니다.
• 동그라미 - 선택한 선 너비, 투명도 및 색상으로 원을 그립니다.
• 선 - 선택한 선 너비, 투명도 및 색상으로 직선을 그립니다.
• 곡선 - 선택한 선 너비, 투명도 및 색상을 곡선으로 만듭니다.
• 화살표 - 선택한 선 너비, 투명도 및 색상 끝에 화살표가 있는 직선을 그립니다.
• 색상 선택기 - 텍스트와 선의 색상을 선택합니다, 스포이드를 이용하여 색상을 추출할 수 있습니다.
• 커서 - 웹 페이지에서 기본 마우스를 사용할 수 있습니다.
• 지우개 - 선택한 사이즈에 따라 그림의 일부를 지웁니다. 
• 모두 지우기 - 모든 사진을 지웁니다.
• 스크린샷 - 사진과 함께 현재 웹 페이지의 스크린샷을 찍습니다.
• 전체 스크린샷 - 현재 페이지의 모든 화면을 스크린샷으로 찍습니다.
• 저장 - 나중에 사용할 수 있도록 지금까지 그린 그림을 저장합니다. 자동 저장도 가능합니다.
• 용량 확인 - 지금까지 그린 그림을 얼마나 저장했는지 확인할 수 있습니다.
• 올가미 - 영역을 선택하여 영역 안에 그림을 이동시킬 수 있습니다.
• 숨기기 - BNOTY를 화면에서 숨길 수 있습니다.
• 이전, 다음 - 이전 다음 작업을 저장하여 불러오기가 가능합니다.
• 종료 - 도면을 지우고 도구를 비활성화합니다.

담당 : 도형(네모, 세모, 동그라미, 선, 곡선, 화살표, ), 올가미(이동), 지우개(부분, 전체, 이전, 다음), 색상, 선두께, 홍보 홈페이지

 

홍보 홈페이지 

BNOTY

 

간단 데모

 

메인 UI

UCC