Olli2 (219) 썸네일형 리스트형 리액트 배열 내장 함수 : map() map() 전달된 인자를 사용하여 각 배열의 요소를 돌면서 작업 처리 -> 처리된 결과를 새로운 배열에 담아 반환하는 함수 간단 사용법 예제 // [1] const numbers = [1, 2, 3, 4, 5]; // 배열 객체 선언 const result = numbers.map((num) => num *2); // map() 함수가 배열의 각 요소 값에 2배 한 결과 return // [2] const menus = ["menu1", "menu2", "menu3", "menu4"] // 배열 객체 선언 const menuList = menus.map((menu) => ({menu})); // map() 함수가 배열의 각 요소 값을 가지는 return return( {menuList} ) // [3] .. 리덕스 개념 리덕스를 쓰면 상태 관리를 컴포넌트 바깥에서 한다. 리덕스를 사용하면 상태값을 컴포넌트에 종속시키지 않고, 상태관리를 컴포넌트의 바깥에서 관리할 수 있게 됨 [스토어] 프로젝트 상태에 관한 데이터들이 담겨있음 [subscribe(listener)] 컴포넌트는 스토어에 구독 -> 특정 함수가 스토어한테 전달됨 -> 스토어의 상태값에 변동이 생길 때마다, 전달받았던 함수(listener 함수) 호출 [dispatch(action)] (액션이 디스패치 된다 = 액션이 발생된다 = 액션을 발생시키는 역할 = 트리거 역할) dispatch(action) : 액션 객체를 파라미터로 넣어서 호출 디스패치 함수 호출 -> 리듀서에게 현재 상태와 액션 전달 -> 스토어가 리듀서 함수 실행시켜 새로운 상태 만듦 ( = 액.. SENS (Simple & Easy Notification Service) 보호되어 있는 글입니다. ajax 기초 개념 및 사용법 jQuery의 ajax : 파라미터들을 오브젝트 형식으로 받음 type : http method (get/post) url : 데이터를 받아올 페이지 (입력한 url 경로의 파일(url 매핑 이름)로부터 요청한 데이터를 불러옴) data : 요청 시에 함께 보낼 파라미터들 {"id": $('#user_id').val(), "pw": $('#user_pw').val()} /* 컨트롤러에서 받을 때 : id, pw로 받음*/) dataType : 받아올 데이터의 형식 (생략 가능) (html, json, xml, text 등 가능) success : 성공 시에 수행할 핸들러 errer : 실패 시에 수행할 핸들러 serialize() 폼에 입력된 값을 쿼리 스트링 방식의 데이터로 변환하여 액션 페이지에 전송.. CLOVA Chatbot CLOVA Chatbot 챗봇 제작 API 서비스 사용자의 질문 의도를 이해하여 고객 대응 등 다양한 서비스에 활용할 수 있는 Chatbot 제작 지원 Web, App에서의 챗봇 구현 방법 : Custom 연동 방법 CLOVA Chatbot 빌더를 이용해서 대화 작성 대화 모델 빌드하고 배포 (10~20분 정도 소요) CLOVA Chatbot Custom 연동을 설정 API Gateway 호출 URL 생성하고 Secret Key 발급 ( API 코드에서 사용 ) API Gateway 호출 URL 통해서 애플리케이션에서 호출 ( 스프링 프로젝트와 연동) CLOVA Chatbot 구현 과정 도메인 생성 (도메인 이름 / 도메인 코드 / 자연어처리 : 한국어 / 서비스타입 : Standard / 대화로그 임시.. 음성 인식 : CLOVA Speech Recognition (CSR) / CLOVA Voice - Premium CLOVA Speech Recognition (CSR) : 음성 인식 사람의 목소리를 텍스트로 변환 | 음성을 텍스트로 변환 : STT(Speech-To-Text) 언어 선택 가능 Application에서 CLOVA Speech Recognition (CSR) 서비스 추가하여 사용 개발 가이드 확인 [ STT ] https://api.ncloud-docs.com/docs/ai-naver-clovaspeechrecognition-stt stt (Speech-To-Text) - CLOVA Speech Recognition(CSR) api.ncloud-docs.com [ TTS ] https://api.ncloud-docs.com/docs/ai-naver-clovavoice-ttspremium tts (Pre.. Object Detection (객체 탐지) Object Detection (객체 탐지) 이미지 내 사람, 동물, 사물 등 객체의 타입과 위치를 감지하여 정보 제공 탐지된 객체명, 객체의 수, 바운딩 박스용 좌표, 객체별 확률값 Object Detection 서비스 추가하여 사용 개발 가이드 확인 https://api.ncloud-docs.com/docs/ai-naver-objectdetection-object object detection (객체 탐지) - Object Detection api.ncloud-docs.com Object Detection 실습 (1) 콘솔에 결과 출력 (2) JSON 형태에서 결과에서 이름, 박스 좌표 추출해서 반환 ObjectDetectionService package com.ai.ex.service; import.. Pose Estimation (포즈 인식) Pose Estimation (포즈 인식) 입력된 비전 데이터를 통해 사람을 인식하고 포즈 분석 이미지 속의 사람 감지 & 주요 신체부위(18개)의 좌표 정보 및 정확도 반환 Application에 Pose Estimation 서비스 추가하여 사용 포즈를 취하고 있는 사람이 포함된 이미지 파일 전송 -> JSON 형태로 반환 (JSON 데이터 추출해서 이미상 신체 각 부위에 인식 결과 출력) 개발 가이드 확인 https://api.ncloud-docs.com/docs/ai-naver-poseestimation-pose pose estimation (포즈 인식) - Pose Estimation api.ncloud-docs.com Pose Estimation 실습 PoseVO package com.ai.ex.. CLOVA OCR (Optical Character Recognition) CLOVA OCR (Optical Character Recognition) 광학 문자 인식 API 서비스 사진 속에서 텍스트 정보를 찾고 의미를 판별하는 기술 언어와 이미지 데이터를 입력 받아서, 그에 맞는 인식 결과를 텍스트로 반환 Naver OCR API 서비스 TEXT OCR : 유료 (템플릿 정의 없이 이미지의 모든 텍스트 인식) Template OCR : 무료 (템플릿 지정해서 템플릿이 포함된 이미지 인식) API Gateway 서비스 필요 개발 가이드 확인 https://api.ncloud-docs.com/docs/ai-application-service-ocr-ocr CLOVA OCR Custom API - CLOVA OCR api.ncloud-docs.com OCR 예제 (Text OCR).. 이전 1 2 3 4 ··· 25 다음