2024-05-23 AI 코딩 TI

오늘은 새로운 강의를 들어 봅니다

인증이란??

권한을 받아가기 위해서 하는 행위

인가??

내가 가진 권한으로 행위를 하는 것

토큰?

엑세스 토큰 = 매 번 쓰고 리프레쉬 토큰으로 다시 가져올 수 있는 것 -> 어딘가 임시로 저장하고 가져올 수 있다.
-> 로컬스토리지(x), 브라우저 쿠키(x), 메모리 램카드(o)

리프레쉬 토큰 = 로그인 유지같이 계속 켜져있어야 하는 토큰, 그렇기 때문에 중요도가 높다.
->http-only옵션을 사용하여 쿠키를 사용 >>> 백엔드에서 관리, 백엔드에서 클라이언트에 정보를 저장을 하기 위해서

---

• 나이별로 표시되는 키오스크 화면에 대해 자세한 분기 설정을 정의하고 기능의 선택지를 주어 필요한 부분을 사용할 수 있도록 설정
• 저연령층 키오스크일반 주문 : 통상적인 터치로 사용하는 키오스크 기능 (음성안내 X, 메뉴 필터링X)
• AI 음성 주문 : 보이는 화면은 일반주문의 화면과 동일하지만 음성안내가 나오며 고객이 원하는 음료를 대답했을 때 질문에 해당 되는 음료를 크게 표시를 해주도록 변경이 되며 그외 관련된 음료를 사이드에 추천하는 화면으로 변경이 되며 원하는 음료가 다를 땐 마크 입력을 다시 한 번 주어서 계속 추천을 받을 수 있게 함
• → 저연령층이라고 인식이 되면 고객에세 AI기능을 사용 할지 일반적인 키오스크 화면으로 사용 할지 선택을 할 수 있게 함

• 고연층 키오스크→ 음성인식이 완료가 되면 고객의 요청에 맞추어 추천음료 하나를 팝업창으로 띄워주고 음성으로 “이 음료로 하시겠습니까”와 같은 안내가 나오고 고객이 음료를 원하거나 거부하면 다른 음료 안내를 추가적으로 한다.→ 음성으로 메뉴를 선택할 수 있게 구현 : ex) 오른쪽, 왼쪽 선택지
• → 주문이 완료가 되면 “주문완료”에 대한 인식을 어떻게 할 것 인지
• 
• → 얼굴인식으로 고연령이 판단이 된다면 화면이 고연령에 맞추어 탬플릿이 표시가 되며 일반 주문 키오스크와 달리 음성인식 기능이 무조껀 작동이 되며, 음성인식을 받을 때에 화면상에 안내 문구와 함께 현재 음성인식이 되고 있다는 팝업창을 띄워줌
• 키오스크 처럼 탬플릿 만들기

• 나이별로 표시되는 키오스크 화면에 대해 자세한 분기 설정을 정의하고 기능의 선택지를 주어 필요한 부분을 사용할 수 있도록 설정
• 저연령층 키오스크일반 주문 : 통상적인 터치로 사용하는 키오스크 기능 (음성안내 X, 메뉴 필터링X)
• AI 음성 주문 : 보이는 화면은 일반주문의 화면과 동일하지만 음성안내가 나오며 고객이 원하는 음료를 대답했을 때 질문에 해당 되는 음료를 크게 표시를 해주도록 변경이 되며 그외 관련된 음료를 사이드에 추천하는 화면으로 변경이 되며 원하는 음료가 다를 땐 마크 입력을 다시 한 번 주어서 계속 추천을 받을 수 있게 함
• → 저연령층이라고 인식이 되면 고객에세 AI기능을 사용 할지 일반적인 키오스크 화면으로 사용 할지 선택을 할 수 있게 함
• 고연층 키오스크→ 음성인식이 완료가 되면 고객의 요청에 맞추어 추천음료 하나를 팝업창으로 띄워주고 음성으로 “이 음료로 하시겠습니까”와 같은 안내가 나오고 고객이 음료를 원하거나 거부하면 다른 음료 안내를 추가적으로 한다.→ 음성으로 메뉴를 선택할 수 있게 구현 : ex) 오른쪽, 왼쪽 선택지
• → 주문이 완료가 되면 “주문완료”에 대한 인식을 어떻게 할 것 인지

• 

• → 얼굴인식으로 고연령이 판단이 된다면 화면이 고연령에 맞추어 탬플릿이 표시가 되며 일반 주문 키오스크와 달리 음성인식 기능이 무조껀 작동이 되며, 음성인식을 받을 때에 화면상에 안내 문구와 함께 현재 음성인식이 되고 있다는 팝업창을 띄워줌
• 키오스크 처럼 탬플릿 만들기
• 나이별로 표시되는 키오스크 화면에 대해 자세한 분기 설정을 정의하고 기능의 선택지를 주어 필요한 부분을 사용할 수 있도록 설정
• 저연령층 키오스크일반 주문 : 통상적인 터치로 사용하는 키오스크 기능 (음성안내 X, 메뉴 필터링X)
• AI 음성 주문 : 보이는 화면은 일반주문의 화면과 동일하지만 음성안내가 나오며 고객이 원하는 음료를 대답했을 때 질문에 해당 되는 음료를 크게 표시를 해주도록 변경이 되며 그외 관련된 음료를 사이드에 추천하는 화면으로 변경이 되며 원하는 음료가 다를 땐 마크 입력을 다시 한 번 주어서 계속 추천을 받을 수 있게 함
• → 저연령층이라고 인식이 되면 고객에세 AI기능을 사용 할지 일반적인 키오스크 화면으로 사용 할지 선택을 할 수 있게 함

• 고연층 키오스크→ 음성인식이 완료가 되면 고객의 요청에 맞추어 추천음료 하나를 팝업창으로 띄워주고 음성으로 “이 음료로 하시겠습니까”와 같은 안내가 나오고 고객이 음료를 원하거나 거부하면 다른 음료 안내를 추가적으로 한다.→ 음성으로 메뉴를 선택할 수 있게 구현 : ex) 오른쪽, 왼쪽 선택지
• → 주문이 완료가 되면 “주문완료”에 대한 인식을 어떻게 할 것 인지
• 

  

• → 얼굴인식으로 고연령이 판단이 된다면 화면이 고연령에 맞추어 탬플릿이 표시가 되며 일반 주문 키오스크와 달리 음성인식 기능이 무조껀 작동이 되며, 음성인식을 받을 때에 화면상에 안내 문구와 함께 현재 음성인식이 되고 있다는 팝업창을 띄워줌
• 키오스크 처럼 탬플릿 만들기

 

• 나이별로 표시되는 키오스크 화면에 대해 자세한 분기 설정을 정의하고 기능의 선택지를 주어 필요한 부분을 사용할 수 있도록 설정
• 저연령층 키오스크일반 주문 : 통상적인 터치로 사용하는 키오스크 기능 (음성안내 X, 메뉴 필터링X)
• AI 음성 주문 : 보이는 화면은 일반주문의 화면과 동일하지만 음성안내가 나오며 고객이 원하는 음료를 대답했을 때 질문에 해당 되는 음료를 크게 표시를 해주도록 변경이 되며 그외 관련된 음료를 사이드에 추천하는 화면으로 변경이 되며 원하는 음료가 다를 땐 마크 입력을 다시 한 번 주어서 계속 추천을 받을 수 있게 함
• → 저연령층이라고 인식이 되면 고객에세 AI기능을 사용 할지 일반적인 키오스크 화면으로 사용 할지 선택을 할 수 있게 함

• 고연층 키오스크→ 음성인식이 완료가 되면 고객의 요청에 맞추어 추천음료 하나를 팝업창으로 띄워주고 음성으로 “이 음료로 하시겠습니까”와 같은 안내가 나오고 고객이 음료를 원하거나 거부하면 다른 음료 안내를 추가적으로 한다.→ 음성으로 메뉴를 선택할 수 있게 구현 : ex) 오른쪽, 왼쪽 선택지
• → 주문이 완료가 되면 “주문완료”에 대한 인식을 어떻게 할 것 인지
• → 얼굴인식으로 고연령이 판단이 된다면 화면이 고연령에 맞추어 탬플릿이 표시가 되며 일반 주문 키오스크와 달리 음성인식 기능이 무조껀 작동이 되며, 음성인식을 받을 때에 화면상에 안내 문구와 함께 현재 음성인식이 되고 있다는 팝업창을 띄워줌
• 키오스크 처럼 탬플릿 만들기

• 나이별로 표시되는 키오스크 화면에 대해 자세한 분기 설정을 정의하고 기능의 선택지를 주어 필요한 부분을 사용할 수 있도록 설정
• 저연령층 키오스크일반 주문 : 통상적인 터치로 사용하는 키오스크 기능 (음성안내 X, 메뉴 필터링X)
• AI 음성 주문 : 보이는 화면은 일반주문의 화면과 동일하지만 음성안내가 나오며 고객이 원하는 음료를 대답했을 때 질문에 해당 되는 음료를 크게 표시를 해주도록 변경이 되며 그외 관련된 음료를 사이드에 추천하는 화면으로 변경이 되며 원하는 음료가 다를 땐 마크 입력을 다시 한 번 주어서 계속 추천을 받을 수 있게 함
• → 저연령층이라고 인식이 되면 고객에세 AI기능을 사용 할지 일반적인 키오스크 화면으로 사용 할지 선택을 할 수 있게 함

• 고연층 키오스크→ 음성인식이 완료가 되면 고객의 요청에 맞추어 추천음료 하나를 팝업창으로 띄워주고 음성으로 “이 음료로 하시겠습니까”와 같은 안내가 나오고 고객이 음료를 원하거나 거부하면 다른 음료 안내를 추가적으로 한다.→ 음성으로 메뉴를 선택할 수 있게 구현 : ex) 오른쪽, 왼쪽 선택지
• → 주문이 완료가 되면 “주문완료”에 대한 인식을 어떻게 할 것 인지
• → 얼굴인식으로 고연령이 판단이 된다면 화면이 고연령에 맞추어 탬플릿이 표시가 되며 일반 주문 키오스크와 달리 음성인식 기능이 무조껀 작동이 되며, 음성인식을 받을 때에 화면상에 안내 문구와 함께 현재 음성인식이 되고 있다는 팝업창을 띄워줌
• 키오스크 처럼 탬플릿 만들기

• 고연령층도 간편하고 쉽게 찾을 수 있게, 글자 크기와 버튼 크기 수정 (세로기준)

→ 추가 문제 : 장바구니에 담긴 상품들의 종류의 양이 많을 시, 페이지를 넘어버리는 점 (장바구니의 스크롤을 만든다.

• 고연령층도 간편하고 쉽게 찾을 수 있게, 글자 크기와 버튼 크기 수정 (세로기준)

→ 추가 문제 : 장바구니에 담긴 상품들의 종류의 양이 많을 시, 페이지를 넘어버리는 점 (장바구니의 스크롤을 만든다.)

• 

•