React

React Js란 facebook 에서 개발한 SPA(Single Page Application)을 위한 UI(User Interface)를 구축하는 데 사용되는 오픈 소스 JavaScript 라이브러리입니다. React JS는 자바스크립트에 HTML을 포함하는 JS

react를 사용하기위해 외부 스크립트를 추가 하였습니다.element 생성은 다음과 같은 규칙으로 생성 할 수 있습니다.element의 자식 으로 다른 element를 여러개 추가 할 경우에는 다음과 같이 배열 형태로 children 항목에 추가 합니다.element

component란 React에서 사용하는 작고 고립된 코드입니다.컴포넌트를 정의하는 가장 간단한 방법은 JavaScript 함수를 작성하는 것입니다.정의한 각 component는 다른 component에서 사용할 수 있습니다.component를 정의 할 때 주의사항은

값을 저장하거나 변경할 수 있는 객체로 보통 이벤트와 함께 사용됩니다. 일반적으로 컴포넌트의 내부에서 변경 가능한 데이터를 관리해야할 때에 사용 합니다.state의 선언 방법은 아래와 같습니다.state의 값 변경 방법은 아래와 같습니다.state의 값 변경 시 자동으

프로퍼티(Props)란 프로퍼티, props(properties의 줄임말) 라고 합니다. 상위 컴포넌트가 하위 컴포넌트에 값을 전달할때 사용합니다.(단방향 데이터 흐름) 프로퍼티는 수정할 수 없다는 특징이 있습니다.(자식입장에선 읽기 전용인 데이터) 부모 Compon

React App 을 만들기 위해 우선 nodejs 설치 합니다. 설치 후 터미널에 node -v 입력후 버전이 나오고 npx 입력시 아래와 같이 나오면 됩니다.

서버와 API 연동을 할 때 JWT 토큰을 발급받아 인증 하고 있습니다.연동 중 토큰을 어디에 저장해야 할까? 에 대한 의문이 들었습니다.토큰을 저장하는 방식은 여러가지가 있지만 대표적으로 두가지를 확인 해보았습니다.웹 스토리지(web storage)는 데이터를 서버가

Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리입니다.백엔드와 프론트엔드와 통신을 쉽게하기 위해 AJAX도 더불어 사용하기도 합니다.일반적으로 javascript에서 API 연동 시 Fetch API를 사용였