목록Fetch (3)

connecting dots

Beginner 13회차 (8/19) | this 키워드, Serverless function, fetch와 axios, 환경변수 설정(.env), Empty Commit, Vercel에 배포 실습, git merge 3가지 종류

자바스크립트에서의 this 키워드일반함수: 호출 위치에서 this가 정의됨화살표 함수: 선언 위치에서 this가 정의됨일반함수 Function.prototype.call()--> call() 메소드는 주어진 this 값 및 각각 전달된 인수와 함께 함수를 호출합니다. 화살표 함수this를 가지고 있는 함수를 감싸는 함수가 있는지 봐야 함 !   (1) 방법은 보안에 취약(2) 방법을 통해 안전성을 높여야 함 !우리 프로젝트에서는 Vercel의 Serverless Functions를 사용해서 api 구현 엔드포인트 = {updatedtodo.id}https://asia-northeast3-heropy-api.cloudfunctions.net/api/todos/${updatedTodo.id} API 코드서버..
Live Class/Beginner 2024. 8. 20. 15:10
Beginner 5회차 2 (7/30) | fetch문에서 옵션 넣기, 캡슐화, React 라이브러리를 import하는 경우와 그렇지 않은 경우, 이벤트 객체

fetch 함수에서 옵션 넣기async function getTodos() { try { // await new Promise(resolve => setTimeout(resolve, 2000)) const res = await fetch( 'https://~~~~', { headers: { 'content-type': 'application/json', apikey: '~~~', username: '~~~' } } // 수강생 전용 정보는 '~~~'로 처리함 fetch('주소', { headers: {}, body: {}. method:..
Live Class/Beginner 2024. 7. 30. 20:02
Beginner 3회차 (7/25) | Redux 알아보기, HTTP 상태코드, 동기와 비동기 이해, 모듈(import/export), 비동기로 데이터 가지고 오기(promise, async/await, fetch), useState와 useEffect

Redux 알아보기- state: 데이터- action: 함수함수도 하나의 데이터이긴 함. 데이터 중 함수는 호출 가능호출을 해서 추가적인 명령을 실행하는 개념 동기 처리는1) 액션을 만들어서 데이터를 어떻게 변경할지 type(액션의 이름)과 payload(매개변수)로 설정한다.2) 필요한 곳에서 디스패치 액션을 호출한다.3) 액션(내부 로직으로)에서 상태를 업데이트할 수 있다.비동기 처리는1) 액션을 만들어서 데이터를 어떻게 변경할지 type(액션의 이름)과 payload(매개변수)로 설정한다.2) 필요한 곳에서 디스패치 액션을 호출한다.3) 액션(내부 로직으로)에서 상태를 업데이트할 수 있다.- fulfilled/rejected (무엇을 의미하는 것인지 등은 파악해야 함)만일 사용자가 버튼을 클릭하는..
Live Class/Beginner 2024. 7. 25. 17:39
이전 Prev 1 Next 다음