React

= 가상 DOM ( Document Object Model) => 트리구조를 복제함 트리구조는 (변화에 따라 연산을 다시 시작함.)=> React 앱을 만들기 위해 먼저 컴퓨터에 Node.js (JavaScript 런타임 환경)를 설치해야함. https://n

=> React 애플리케이션의 구성 요소입니다.컴포넌트는 재사용 가능하도록 만들어져 있으며, UI를 작은 조각으로 나누어 관리할 수 있음.App.js => 화면에 렌더링클래스형 컴포넌트:React.Component 클래스를 상속받아 구현. 함수형 컴포넌트:함수로 구현함

= 컴포넌트 내부에서 관리되는 상태 값 (: 변수 )컴포넌트가 생성되고, 갱신될 때마다 변경될 수 있는 값이며,이 값이 변경될 때마다 화면이 다시 렌더링됨.useState Hook을 사용하여 컴포넌트 내부에서 관리할 수 있으며, setState 함수를 통해 값을 업데이

1. jsx 1) 기본태그 변수 상태 둘다 {} 안에 넣어서 활용가능

기존의 list상태 가져오기=> javascript spread 연산자 ( ... ): 기존 배열이나, 객체의 전체 또는 일부를 다른 배열이나 객체로 복사함.=> todo 안에 이 형태로 객체가 담겨있음. 그래서 title, isDone에 접근 가능return 안쓰

New Spring Starter ProjectOrigin(http:localhost:8080)/(http:localhost:3000) 이 다르기 때문에 Cross Origin Resource Sharing Error 에러가 발생됨. Front에서 p

react에서 사용하는 문법=> 브라우저에서 실행하기 전에 바벨을 사용하여 일반 자바스크립트 형태의 코드로 변환함.=> 하나의 파일에 js와 html을 동시 작성 가능하여 편리함.Virtual DOM에서 컴포넌트 변화를 감지할 때 때 효율적으로 비교할 수 있도록 컴포넌

= 어떤 물체를 구성하는 성분= 화면에서 보이는 것을 기술한 것.==> React 엘리먼트는 DOM 엘리먼트의 가상 표현=> 한 번 생성된 엘리먼트는 변하지 않음.=> 생성된 엘리먼트는 children이나 attributes를 바꿀 수 없음.=> 생성된 엘리먼트를 바꿀

= 어떤 물체를 구성하는 성분= 화면에서 보이는 것을 기술한 것.==> React 엘리먼트는 DOM 엘리먼트의 가상 표현=> 한 번 생성된 엘리먼트는 변하지 않음.=> 생성된 엘리먼트는 children이나 attributes를 바꿀 수 없음.=> 생성된 엘리먼트를 바꿀

= 어떤 물체를 구성하는 성분= 화면에서 보이는 것을 기술한 것.

1) Elemnets = 어떤 물체를 구성하는 성분 = 화면에서 보이는 것을 기술한 것. > React 엘리먼트는 DOM 엘리먼트의 가상 표현 = 리액트 Elements는 자바스크립트 객체 형태로 존재 2) 불변성 (immutable) => 한 번 생성된 엘리먼트

구글 API 사용 => create google project (developer) https://console.cloud.google.com/cloud-resource-manager secrect 정보 : server -> config -> dev.js에 저장

(클라이언트) 채팅 -> (서버) 라우트 반응 -> (API) Dialogflow API가 요쳥받은 값을 처리 -> (서버) 처리한 데이터 전달 -> (클라이언트) 다시 전달 -> (브라우저) 전달=> 채팅 입력 시, 답변=> 재로드 한 경우, 반응 (= 채팅 없이

https://www.npmjs.com/package/dialogflow코드를 router.post 안에 넣기내가 채팅한 값 = req.boddy.texthttps://www.postman.com/downloadtextQuery route 보냄serv

\-> Text Query Route에서 text -> name POST , 주소Body : event , raw 적용json Dialogflow 웹 사이트 Intents create -> Events name 작성 search -> "welcome"server 키고