Chominsu98 commented 5 months ago

Discussed in https://github.com/orgs/PocketBand/discussions/6

^{Originally posted by **jaehawilly** March 26, 2024} [기술 검토] <재하> - 합주실예약(지도-카카오, 네이버 지도api) - 정산 메시지 카톡 자동 전송(카카오톡 알림 api) <두열&정원> - 리뷰 작성시 솔직리뷰 validation 체크 로직 기반 합주실 리뷰(모두닥) - 보안 검토(jwt, 채팅) <정상> - 인스타, 유튜브 컨텐츠 크롤링 기능(데이터 크기 검토) - 악보 크롤링 기능 - 콘텐츠 추천 기능 <민수> - 영상 녹화 모니터링 기능 - 오디오 튜너 기능 - 각 밴드별을 나타내는 그래픽요소 어필 (꾸미기 기능)--싸이월드 같은 느낌

Chominsu98 commented 5 months ago

<3d 그래픽> 1.React Three Fiber 학습이 별도로 필요하긴 할듯,,,, (공부시간이 조금 필요) (원툴)

https://codesandbox.io/s/42glz0

<카메라 녹화 제어> <영상촬영> 1.react-webcam (장점)

저번에 졸작때 쓴 거이자 가장 다빈도 사용되는 컴포넌트

(단점) -모바일 진행시 카메라 해상도가 안 맞음

2.react-html5-camera-photo (단점)

IOS는 safari에서만 구동 가능

3.react-camera-pro (장점)

카메라 화면자체가 반응형이라 좋음
모바일 맞춤 컴포넌트

4.(웹)위 중에 선택 +(모바일)Pwa활용한 네이티브 카메라 앱 호출

(제한):pwa로 네이티브 카메라 앱 자체 호출은 (앨범 내 업로드)시 사용 가능 하지만, 특정 액션으로 제어하기 위해서는 (네이티브 카메라 앱)내에서는 불가

=============== <결론> react-camera-pro + react-resonponsive(모바일,웹 훅스)+pwa

<행동으로 제어> tensorflow pose detection

jaehawilly commented 5 months ago

Kakao 지도 API

1일 300,000회 무료 이용 가능

Kakao 지도 API 는 키 발급을 받아야 사용할 수 있습니다. 그리고 키를 발급받기 위해서는 카카오 계정이 필요합니다.

키 발급에는 아래 과정이 필요합니다.

카카오 개발자사이트 (https://developers.kakao.com) 접속
개발자 등록 및 앱 생성
웹 플랫폼 추가: 앱 선택 – [플랫폼] – [Web 플랫폼 등록] – 사이트 도메인 등록
사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://localhost:8080)
페이지 상단의 [JavaScript 키]를 지도 API의 appkey로 사용합니다.
앱을 실행합니다.

[앱 등록]

[플랫폼 설정]

ex> http://localhost:8080 로 등록

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kakao 지도 시작하기</title>
</head>
<body>
    <div id="map" style="width:500px;height:400px;"></div>
    <script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>
    <script>
        var container = document.getElementById('map');
        var options = {
            center: new kakao.maps.LatLng(33.450701, 126.570667),
            level: 3
        };

        var map = new kakao.maps.Map(container, options);
    </script>
</body>
</html>

[카테고리 별 장소 선택 가능]