LearnFit
YouTube, Ajax가 무엇인지 설명하는 영상 (+CORS, fetch 어쩌구)
Ajax가 무엇인지 설명하는 영상 (+CORS, fetch 어쩌구)
#전체
#개발자
#프론트엔드
#자바스크립트
#ajax
#get
#post
#axios
#fetch api
#javascript
#jquery
00:00(~02:02)Ajax가 무엇인지 설명하기 전에 클라이언트(브라우저)와 서버 컴퓨터가 어떻게 데이터를 주고 받는지 간단하게 설명해주고 있습니다
02:03Ajax 설명 시작
03:08javascript로 Ajax 요청하는 방식1(XMLHttpRequest)
03:26javascript로 Ajax 요청하는 방식2(fetch) 안내 그리고 부가설명
*방식1, 방식2 그리고 axios까지, 코드는 자바스크립트로 짜이지만 실제 데이터를 불러오는 주체는 브라우저에서 제공하는 web API입니다.
*해당 컨텐츠에서는 언급되는 '콜백함수', 'then', 'catch', 'async', 'await'은 Ajax 요청의 부가정보 정도로 일단 이해하시고 넘어가셔도 좋습니다.
05:30CORS란
✔ 학습 완료
이 학습노트가 포함된 러닝패스예요.
서원석님의 다른 노트는 어때요?
서원석
의 학습노트
리액트로 이미지 미리보기 구현(feat. useState, useEffect, useRef, FileReader)
Video
⏱ 핵심 스탬프25개
00:01
이 학습노트에서 구현하는 결과물 입니다.(파일 선택기에서 이미지 파일을 고르면 이미지 미리보기)
00:25
코드 살펴보기 시작
👍
2
서원석
의 학습노트
리액트 라우터 버전 6의 리다이렉트는 Navigate로 구현
Video
⏱ 핵심 스탬프8개
00:00
해당 학습노트에서는 react router 버전6에서 redirect를 어떻게 구현하는지 소개합니다.
공식 문서: https://reactrouter.com/
00:50
react router 버전5에서 redirect를 구현하는 방법입니다.
*예상 시나리오: pathname이 '/redirect'인 page 접근 시 pathname '/about'인 page로 전환됨
*특정 pathname에 redirect 로직을 등록하는 이유는 가지각색이겠지만 그 중 대표적인 용도는 로그인 여부 검사입니다. 서비스를 이용하는 유저가 로그인을 했을 경우 특정 pathname에 접근하지 못하도록 사용하는 것이죠.
👍
4
👋 다양한 인사이트를
읽어보고 계신가요?
나만의 학습 기록을 남기고,
관리하고 싶다면!
다양한 전문가의 멤버십 전용
콘텐츠를 보고 싶다면!
나의 학습 내용을 공유하고,
수익을 올리고 싶다면!
3초 회원가입/로그인으로,
런핏의 커뮤니티에 여러분도 함께하세요.
3초 만에 가입하기