처음 들으시는 분이 조금 어려울 것 같아서 부연설명차 조심스레 댓글을 달아봅니다. 19:19 여기에서 Response에 json 메서드를 입혔는데도 Promise가 나오는 것은, 아직 데이터를 다 받지 않은 상태여서 그렇습니다.(header만 도착하고 body가 오지 않음) 그래서 다시 체이닝을 통해 작업하는 것이죠. (데이터가 다 도착한 이후에) 그것이 싫다면 전체에 await을 걸어서 기다린 이후에 json을 입히면 됩니다.
@@coohde 정리해서 블로그 글로 올렸는데 여기 URL을 댓글로 달면 관리자가 승인해줘야지 등록이 되나보네요.. 5번 등록했는데 전부 삭제됐습니다 ㅠㅠ 어쨌든 fetch와 같이 통신이나 데이터베이스 접근에 관련된 메서드들은 해당 실행문이 전부 다 되지 않았을 때 Promise를 리턴하게 설계된 것들이 많은데, 전부 다 끝날 때까지 기다리면 저렇게 체이닝 할 필요가 없습니다. (await 키워드로 기다리면 됩니다.)
항상 글 단위의 몇 줄의 개념으로만 이해하기가 너무 어려웠는데 이 강의를 보고 나서, 심지어 딱 한 번 봤는데 그간 꼬인 실이 풀린것처럼 이해가 완벽하게 됐어요!! 개인적으로 마음에 들지 않는 강의라 하셨지만 저는 설명 하나 하나가 너무 너무 쏙쏙 박혔어요 감사합니다 ㅠㅠ 이런 강의를 무료로 보다니,,, 사는 동안 적게 일하시고 많이 버시길만 바라요 🥰
이번 강의를 통해 프로미스를 이용한 비동기 통신으로 API를 개발해 봐도 좋겠다라는 생각을 했습니다. 다만, 서로 다른 도메인 상의 API를 호출하면 브라우저의 정책(?)에 의해 통신이 안되는데 이 부분도 추후 어떻게 해결할 수 있는지 다뤄주셨으면 좋겠습니다! 매번 좋은 강의 감사드려요.
좋은 강의감사드립니다. 질문 몇가지만 드리겠습니다. 서버에서 fetch로 가져오는 json자료들은 자동으로 무조건 promise 형태가 되는건가요??? 서버로 부터 자료를 가져오는 행위가 성공, 실패로 나뉘기 떄문에 기본 값으로 promise를 설정해 둔걸까요? 그리고 fetch해온 URL의 데이터는 json인데 .then(function (response) {console.log(response)} 에 출력되는 수많은 값들(body,stream 등...)의 정체는 뭔가요? 왜 그냥 json값들을 보여주지 않고 정제 과정을 거쳐야 하는 걸까요? 너무 기본적인 질문들이여서 쑥쓰럽네요..
선생님 프로미스를 생성과정 제가 이렇게 이해했는데 맞나요?? Promise는 생성자 "함수" 이므로 인자를 받을 수 있다 그런데 생성자 함수 앞에 new 를 붙인다는건 새로운 객체를 생성하겠다는 의미 즉, new Promise(); -> 새로운 객체 생성 인자를 받을수있는 new Promise(...); 의 괄호안에는 function(resolve, reject) { // 비동기 작업 수행 } 비동기작업을 수행하는 코드가 있다 즉 ,Promise 는 비동기 작업을 수행하는 객체를 만든다는것
처음 들으시는 분이 조금 어려울 것 같아서 부연설명차 조심스레 댓글을 달아봅니다.
19:19 여기에서 Response에 json 메서드를 입혔는데도 Promise가 나오는 것은,
아직 데이터를 다 받지 않은 상태여서 그렇습니다.(header만 도착하고 body가 오지 않음)
그래서 다시 체이닝을 통해 작업하는 것이죠. (데이터가 다 도착한 이후에)
그것이 싫다면 전체에 await을 걸어서 기다린 이후에 json을 입히면 됩니다.
아하 그렇군요. 전 데이터 컨버팅에 시간이 오래걸려서 그런가? 이렇게 생각했는데 잘못 알고 있었네요. 알려주셔서 감사합니다. 고정댓글로 공지했습니다!
@@coohde 정리해서 블로그 글로 올렸는데 여기 URL을 댓글로 달면 관리자가 승인해줘야지 등록이 되나보네요.. 5번 등록했는데 전부 삭제됐습니다 ㅠㅠ 어쨌든 fetch와 같이 통신이나 데이터베이스 접근에 관련된 메서드들은 해당 실행문이 전부 다 되지 않았을 때 Promise를 리턴하게 설계된 것들이 많은데, 전부 다 끝날 때까지 기다리면 저렇게 체이닝 할 필요가 없습니다. (await 키워드로 기다리면 됩니다.)
@@weekendcode 제가 잘몰라서 그런데.. await 키워드를 쓰려면 저코드에서 async 와 await 키워드를 각각 어느부분에 선언해줘야 할까요?...
@@gugugugugugugugugugugugugugug 관련된 수업을 방금 공개했습니다. th-cam.com/video/1z5bU-CTVsQ/w-d-xo.html
@@coohde 정말 감사합니다!
항상 어려울 때에 유튜브에 검색하면 생활코딩님 영상이 있고 그럴 때마다 안도의 한숨을 내쉽니다. 정말 생활코딩님 아니었으면 코딩 공부 못했을 겁니다. 감사합니다.
execute context, closuer, varVs letVs const, callback, Promise까지 연속적으로 어려웠던 내용을 안개가 걷히듯 명쾌하게 이해시켜 주는 최고의 명강의 입니다. 깊은 감사 드립니다.~~
더 쉽게 설명하지 못한 것이 맘에 안들지만 좋게 봐주셔서 고맙습니다.
모르는거 나왔을때 이고잉님 강의 검색해서 들으면 편안… 사랑해요
미친강의입니다 미친듯이 이해가 잘 되었고 생코님의 강의력에 너무나 감탄하고 갑니다.
자바스크립트에서 핵심이 되는 부분들을 강의 해주셔서 감사합니다.
감사합니다. 이 강의는 훌륭하고 미쳤습니다!
감사합니다. 충분히 이해가 되었습니다
이고잉님은 언제나 그저 갓입니다
js공부하며 프라미스 콜백 스코프 같은 개념들이 참 어렵게만 느껴졌는데, 생활코딩 수업으로 다시 한 번 정리하며 한결 수월해졌어요!
익숙하지 않은 내용을 쉽게 풀이해주셔서 많은 도움이 되었습니다! 감사합니다
언제나 기분 좋은 멘트로 마무리해주시네요 ㅎㅎ
원래 어려운게 정상이라는 말이 저를 위로해주네요.. 그래도 노베이스인 제가 어렵기만 하지 이해가 안 될 정도가 아닌 것이, 정말로 설명을 잘 하시는 것 같아 놀랍고 감명깊습니다.
학교에서 웹 어플리케이션 강의 시간에 배웠던 내용인데 막상 사용할 줄만 알았지 fetch문이 어떻게 동작 하는지 제대로 이해한 적이 없었는데 이번 기회에 제가 무엇을 모르고 있었는지 알아갑니다. 항상 좋은 강의 만들어주셔서 감사합니다.
항상 글 단위의 몇 줄의 개념으로만 이해하기가 너무 어려웠는데 이 강의를 보고 나서, 심지어 딱 한 번 봤는데 그간 꼬인 실이 풀린것처럼 이해가 완벽하게 됐어요!! 개인적으로 마음에 들지 않는 강의라 하셨지만 저는 설명 하나 하나가 너무 너무 쏙쏙 박혔어요 감사합니다 ㅠㅠ 이런 강의를 무료로 보다니,,, 사는 동안 적게 일하시고 많이 버시길만 바라요 🥰
늘 감사합니다 :)
어려운 promise 개념 알기 쉽게 설명해주셔서 좋아요!
쉽게 설명해주셔서 감사합니다!
JavaScript 꿀정보들이 쏟아지네요
감사합니다.
요즘 자바스크립트 강의를 하고 있어서 강의 준비하면서 유튜브도 찍고 있어요 ㅎㅎ
덕분에 잘 배워갑니다 ! 헷갈리던 개념이었는데 좀 더 윤곽이 잡혔습니다!
명강의 감사합니다!’
선생님 감사합니다 :)
이번 강의를 통해 프로미스를 이용한 비동기 통신으로 API를 개발해 봐도 좋겠다라는 생각을 했습니다. 다만, 서로 다른 도메인 상의 API를 호출하면 브라우저의 정책(?)에 의해 통신이 안되는데 이 부분도 추후 어떻게 해결할 수 있는지 다뤄주셨으면 좋겠습니다!
매번 좋은 강의 감사드려요.
감사합니다!
잘 이해했습니다~
좋은 강의감사드립니다. 질문 몇가지만 드리겠습니다.
서버에서 fetch로 가져오는 json자료들은 자동으로 무조건 promise 형태가 되는건가요???
서버로 부터 자료를 가져오는 행위가 성공, 실패로 나뉘기 떄문에 기본 값으로 promise를 설정해 둔걸까요?
그리고 fetch해온 URL의 데이터는 json인데 .then(function (response) {console.log(response)} 에 출력되는 수많은 값들(body,stream 등...)의 정체는 뭔가요?
왜 그냥 json값들을 보여주지 않고 정제 과정을 거쳐야 하는 걸까요?
너무 기본적인 질문들이여서 쑥쓰럽네요..
감사합니다~
감사합니다
고맙습니다 ㅎ
감사합니다.
굳
비동기 강의가 나왔으면...
callstack이나 async await도 나오겠군요!
강의력 군침도누
선생님 프로미스를 생성과정 제가 이렇게 이해했는데 맞나요??
Promise는 생성자 "함수" 이므로 인자를 받을 수 있다
그런데 생성자 함수 앞에 new 를 붙인다는건 새로운 객체를 생성하겠다는 의미 즉,
new Promise(); -> 새로운 객체 생성
인자를 받을수있는 new Promise(...); 의 괄호안에는
function(resolve, reject) {
// 비동기 작업 수행
}
비동기작업을 수행하는 코드가 있다
즉 ,Promise 는 비동기 작업을 수행하는 객체를 만든다는것
프라미즈!
선생님 혹시 선생님 무료 강의 내용 제 기술 블로그에 정리해도 될까요? 혹시 된다면 출처를 밝혀야 될까요?
Promise API 강의도 재생목록에는 없고 알고리즘으로 추천받게 되어있네요.. 혹시나 해서 올립니다
th-cam.com/video/a5AzftkvW9U/w-d-xo.html
엮시 프라미스는 어려웡… 😢
설명 개좋다ㅋㅋㅋㅋㅋ
감사합니다 !