Weekly I Learned - 05

졍이🥨·2022년 12월 18일
0

개발일지

목록 보기
32/38

2022-12-9 ~ 2022-12-15

AXIOS

Axios 라이브러리

Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리 아다.
쉽게 말해서 백엔드랑 프론트엔드랑 통신을 쉽게하기 위해 Ajax와 더불어 사용한다.
이미 자바스크립트에는 fetch api가 있지만, 프레임워크에서 ajax를 구현할땐 axios를 쓰는 편이라고 보면 된다.

Axios 특징

운영 환경에 따라 브라우저의 XMLHttpRequest 객체 또는 Node.js의 http api 사용
Promise(ES6) API 사용
요청과 응답 데이터의 변형
HTTP 요청 취소
HTTP 요청과 응답을 JSON 형태로 자동 변경

💎장점

response timeout (fetch에는 없는 기능) 처리 방법이 존재
Promise 기반으로 만들어졌기 때문에 데이터 다루기 편리
브라우저 호환성이 뛰어남

💣단점

사용을 위해 모듈 설치 필요 (yarn add axios)


VS코드 킬 때 내가 설치받아야 하는 것들

yarn create react-app 폴더이름
yarn add redux react-redux
yarn add styled-components
yarn add react-router-dom

다운받고 리액트 start할때
터미널 2개 켜서 아래 코드 각각 쳐서
리액트서버랑 json서버 같이 켜줘야함 (포트번호 3001)
yarn add react-redux @reduxjs/toolkit
yarn add json-server
yarn add axios
yarn add redux react-thunk

yarn start
yarn json-server --watch db.json --port 3001



* GIT 할 때 참고

git 안내 노션

파일을 dev에서 갖고올거야(pull받겠다)
git pull origin dev

팀깃(miniPJ) 에 내용을 추가했다.
git add .

내가 한거 올릴거야.
난 쫄보니까 상태 확인해.
git status

내가 이제 "메모"내용으로 커밋할거야
메모ex)팀장님꺼 받아서 내용 추가
git commit -m "메모"

나 이제 내 파일을 내거(wjddms) 브랜치에 올릴거야.
git push -u origin wjddms

이제 개발 브랜치로 이동할거야
git checkout dev

나 이제 이동한 dev에 파일 합칠거야
(pull 받아온 dev에 합쳐짐)
git merge dev

하지만 깃헙의 dev는 자동으로 올라가지않아
내가 다시 방금 merge시킨 dev를 이제 업로드한다?
git push origin dev

내 깃헙에 가면 compare&pull request 버튼이 떴는지 확인해야해
떴으면 눌러

이제 팀장님한테 가서 최종 깃헙 만든사람한테가서 "나 올렸으니까 확인해주세요"

**

<브랜치가 wjddms일때 팀깃에 올리기>
git add .
git commit -m "메모"
git push origin wjddms
=> 내 VS코드 wjddms 브랜치랑 내 깃헙 wjddms 브랜치가 똑같아짐 !
wjddms에 잘 올라왔는지 확인!

<이후 master로 보내기 >
깃헙으로 가서 pull request 하고
base가 master인지 확인.
보내기.
master브랜치에 wjddms 내용이 잘 들어왔는지 확인

<깃헙에서 master 브랜치로 바꾸고 깃헙master 브랜치 내용 VS코드로 가져오기>
git checkout master (마스터 브랜치로 변경)
git pull origin master(마스터 브랜치로 옮기기)
마지막까지 수정했던 vs코드 wjddms 내용이 vs코드에 master 브랜치로 잘 들어왔는지 확인

profile
Front-End :)

0개의 댓글