2021.07.21 - [WEB/REACT] - [React] Axios란? 서버통신하기/ headers, body 넣기
[React] Axios란? 서버통신하기/ headers, body 넣기
1. Axios란? - 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 2. 설치 yarn add axios import axios from "axios"; 3. 사용방법 1. 리액트 프로젝트에 shared 폴더에 Reques..
sso-feeling.tistory.com
2021.07.21 - [WEB/REACT] - [React] 배열 렌더링하기, map 사용 , key값이 꼭 있어야하는 이유
[React] 배열 렌더링하기, map 사용 , key값이 꼭 있어야하는 이유
이제까지 리액트에서 내가 배열을 렌더링할때는 이런 경우이다. 메인페이지에서 상품 목록을 가지고 올떄 위와 같은 페이지에서 상품 하나를 컴포넌트로 만들어서 , 페이지에서 상품 정보를 가
sso-feeling.tistory.com
2021.07.21 - [WEB/REACT] - [React] 배열에서 원소 삭제하기 filter
[React] 배열에서 원소 삭제하기 filter
const onRemove = id => { // user.id 가 파라미터로 일치하지 않는 원소만 추출해서 새로운 배열을 만듬 // = user.id 가 id 인 것을 제거함 setUsers(users.filter(user => user.id !== id)); }; users의 배열에..
sso-feeling.tistory.com
2021.07.21 - [WEB/REACT] - [React] useEffect를 사용하기 / 마운트, 언마운트, 업데이트
[React] useEffect를 사용하기 / 마운트, 언마운트, 업데이트
1. 마운트 React.useEffect(()=>{ console.log("a"); },[]); 첫번째 파라미터에는 함수, 두번째 파라미터에는 의존값이 들어있는 배열 (deps)을 넣는다. 위와같이 두번째 파라미터로 비어있는 배열을 넣는다면
sso-feeling.tistory.com
2021.07.21 - [WEB/REACT] - [React] useMemo 를 사용하여 연산한 값 재사용하기/ 검색기능에 적용(ing)
[React] useMemo 를 사용하여 연산한 값 재사용하기/ 검색기능에 적용(ing)
useMemo라는 hook을 사용해서 연산된 값을 저장해놓을 수 있다. 성능최적화에 쓰인다. 참고 블로그 : 벨로퍼트 function countActiveUsers(users) { console.log('활성 사용자 수를 세는중...'); return users.fi..
sso-feeling.tistory.com
오늘은 프로젝트를 하는데 백엔드를 기다려야하는 상황이 길어져서
리액트를 차근차근 다시 한번 배워보자 해서
벨로퍼트의 강의를 들었다.
useEffect는 아무생각없이 componentDidmount라고 알고 쓰고 있었는데
더 정확하게 어떻게 사용해야하는지에 대해 알게 되었다.
앞으로는 더 잘 활용할 수 있을 것 같다.
'TIL' 카테고리의 다른 글
| [TIL] 20210724 실전프로젝트 기획 회의 (0) | 2021.07.26 |
|---|---|
| [TIL] 20210722 마켓컬리 클론코딩 마지막날 (0) | 2021.07.22 |
| [TIL] 20210720 마켓컬리 클론코딩 5일차 , 검색기능, 주소 api (0) | 2021.07.20 |
| [WIL] 항해 99 6주차 회고록 (21.07.12~ 21.07.18) 미니프로젝트 끝/ 클론코딩 시작 (0) | 2021.07.19 |
| [TIL] 20210719 마켓컬리 클론코딩 4일차 (0) | 2021.07.19 |