[TIL] Day 17 동기, 비동기

2023.10.27 금

 

 

CSS 주소 . 생략했을 때 로컬에선 작동을 하지만, 원격에선 작동을 안 할 수도 있다.

import export 로직 구현

 

 

 

<11:00 보충반 강의2>

for, forEach, map, filter + find

forEach : undefind = 값을 추출하지 않는다
map : 1:1 맵핑 / 가지고 있는 요수의 수만큼 결과 추출
filter : 조건문, return true or false 부여 / 해당되는 요소만 추출
find : 조건문, return true or false 부여 / 해당되는 요소 첫번째 요소만 추출 / filter와 구조 동일


동기, 비동기??
뜻의 의미가 뭐지? 순서대로 처리하는게 동기?비동기?
비동기 : 순서대로? / 시작되고 결과가 나오기까지 기다리지 않음. 그냥 묻지마 실행 주루룩
동기 : 순서 보장 / 시작되고 결과가 나올때까지 기다렸다가 그 다음로직 실행 / await 사용할 때 / 마! 우리 동기아이가 너도 데리고 같이 간다!

fetch / .then() = 성공 / .catch() = 실패 
async await : fetch로 계속 들어가면 콜백지옥에 빠지기 때문에 이것 사용 / await : 일단 너 디가려. 밑에 로직 실행 다 하고 올게 / then대신 사용하자
promise

fetch('https://jsonplaceholder.typicode.com/todos/1', {id: 1, name: "jay"})
    .then(function(response){
        if (response.~~~ === "success") {
            alert("성공입니다.");
        } else {
            alert("실패입니다.");
        }
    }).catch(function(매개변수){
        ~~~
    });

cosnt result3 = await fetch("https://~~~", result2);   // result3 값은 무조건 존재한 상태로 아래 로직으로 넘어간다  // 다음 로직에서 결과물을 사용할 수 있다

 

 

★ 블로그 보고 정리
https://velog.io/@gusdh2/Promise-%EB%8A%94-%EC%A0%95%ED%99%95%ED%9E%88-%EB%A7%90%ED%95%98%EB%A9%B4-%EB%B9%84%EB%8F%99%EA%B8%B0%EA%B0%80-%EC%95%84%EB%8B%99%EB%8B%88%EB%8B%A4.-%EB%B9%84%EB%8F%99%EA%B8%B0%EC%99%80-Promise%EB%8A%94-%EA%B0%81%EA%B0%81-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C%EC%9A%94


남들과 비교하며 패배감에 젖어들지 말아라
오늘 내가 할 것, 이번주, 이번달 목표를 정하고 꾸준히 조금씩이라도 나아가라

 

 

 

14:30 팀과제>
영화 세부 정보 API 구현
jS 모듈화 연결