# 22-04-10

# Axios 사용법 (단축 메소드)

const axios = require("axios");

# GET 요청

데이터 조회 (Read)

axios.get(URL?param=123);
axios.get(URL, {
  params: {
    param: 123
  }
})

# POST 요청

서버에 데이터 생성 (CREATE)

axios.post(URL, data[, config]);
axios.post(URL, {
  data1: "DATA1",
  data2: "DATA2",
})

# PUT 요청

데이터 전체 수정

axios.put(URL, {
  data1: "NEWDATA1",
  data2: "DATA2",
})
});

# PATCH 요청

데이터 일부 수정(특정 데이터 수정)

axios.patch(URL, {});

# DELETE 요청

axios.delete(URL, {
  params: { data: 1 },
});

# POST와 PUT의 차이

https://kingjakeu.github.io/study/2020/07/15/http-post-put/ (opens new window)

# package-lock.json이 변경될 때

npm ci로 node-modules 디렉토리가 없는 첫 프로젝트 시작시에 패키지를 설치해보자! npm install과 달리 쓰기 권한이 없어서 문제가 생길 여지가 없으며 설치 기준이 package-lock.json이다. (설치 속도도 빠르다.)

https://velog.io/@with-key/npm-package-lock.json-이-변경사항에-찍힐-때 (opens new window) https://www.josephk.io/package-lock-json/ (opens new window)

# 크롬 개발자 도구로 다크모드 테스트하기

개발자 도구에서 메뉴(...) - More Tools - Rendering - Emulate auto dark mode를 활성화

https://developer.chrome.com/blog/auto-dark-theme/#with-devtools (opens new window)

# 더 알아볼 거리

아마 이게 제일 이해하기 쉬울걸요? React + Redux 플로우의 이해 (opens new window)

# babel-node

맥에서 문제없이 실행되는 명령어 babel-node가 내 윈도우(Windows 10)에서는 ./node_modules/.bin/babel-node로 변경해야지만 실행된다... 아직 원인을 찾지 못함🤔

Getting error "babel" is not recognized as an internal or external command, (opens new window)

# reference

  1. [React Axios] Server와 HTTP 통신 (opens new window)
  2. Axios (opens new window)
  3. Axios 러닝 가이드(번역판) (opens new window)