본문 바로가기

JavaScript/React12

[React] HTTP 통신을 위한 방법 (Fetch, Axios, Promise) 웹에서는 클라이언트와 서버가 http 프로토콜을 통해 요청과 응답을 주고받는다. http 에서 사용하는 방식은 여러가지가 있지만 GET 과 POST 가 가장 많이 사용된다. GET http://example.com?a=1&b=2 와 같이 url? 뒤에 파라미터명=값 형태로 필요한 데이터를 전달하며, 주로 데이터 조회나 검색 등의 기능에 사용된다. POST http body 에 데이터를 넣어서 전달하는 방식으로, url 뒤에 파라미터 값을 표시하지 않고 사용할 수 있다는 장점이 있다. 주로 서버의 상태나 데이터를 변경하는 등의 수행 작업에 사용된다. 🐥 HTTP 통신 방식 Fetch / Axios / Promise 💡 Fetch 란? 자바스크립트 내장 함수인 fetch 를 사용하면 쉽게 비동기 통신을 구현.. 2021. 10. 20.

[React] props 사용하기 #1 💡 Props 란? react 에서 props 는 전역변수로, component 간에 값을 전달하는 수단이다. app.js (부모 컴포넌트)에서 다른 컴포넌트(자식 컴포넌트)로 어떠한 값을 전달할 때 props 객체에 담아서 보내게 되는 것이다. 1. React props 자료형 선언하기 자식 컴포넌트에서 props 에 대한 자료형을 선언해놓으면, 부모 컴포넌트에서 넘어오는 props 변수들의 자료형과 비교해서 자료형이 일치하지 않으면 경고 메세지를 알려주기 때문에 잘못된 데이터를 확인할 수 있다. 1. App.js 수정하기 import './App.css'; import PropsDatatype from './R018_PropsDatatype'; function App() { return ( Start.. 2021. 10. 13.

[React] React.js 시작하기 [ CONTENTS ] 1. Reac 실행 명령어 2. React 에서 Jquery 사용하기 3. React prop 사용하기 React 란? 리액트는 사용자 인터페이스를 만드는 데 사용하는 자바 스크립트 라이브러리이며, 오직 View 만 신경 쓰는 라이브러리이다. React 특징 리액트의 주요 특징 중 하나는 Virtual DOM 을 사용한다. DOM(Document Object Model) 은 객체로 문서 구조를 표현하는 방법으로 XML 이나 HTML 로 작성한다. 웹 브라우저는 DOM 을 활용해서 객체에 자바스크립트와 CSS 를 적용하고 DOM 은 트리 형태라서 특정 노드를 찾거나 수정하거나 제거하거나 원하는 곳에 삽입할 수 있다. 왜 리액트 컴포넌트에서 요소 여러 개를 하나의 요소로 감싸주어야 할.. 2021. 10. 13.

이전 1 2 다음

티스토리툴바