(4)비동기_자바스크립트_API 불러오기 작업의 오류처리 => try,catch,finally문, 비동기함수 작성 then()문법 ,then()+try,catch,finally문, 작동원리
● 이론0_ API 데이터 불러오고, 처리하는 코드 작성 시, 오류를 생각안했다.export async function getIntervers() { const strData = await fetch('https://learn.codeit.kr/api/interview-results'); const jsonData = await strData.json(); console.log(jsonData);}◇ 오류 요인fetch 하려고 하는 url이 잘못 기재url 내 데이터가 없다...등등● 이론1_ try{}Catch{}finally{} 문○ 정의 :try {..} : 비동기 작업과 최종 결과가 구현될 블록 , 중간에 오류가 날 시, catch 블록으로 이동됨catch {..} : try{}에서 넘어올 ..
2024. 12. 3.
(3)비동기_자바스크립트_★Promise문법 없이, API 데이터 다루기, Promise 문법 기초 : fetch() , await키워드,json()메소드 , 비동기 + 동기 작업하기 => async 키워드
● 이론1_ Promise 문법 없이, 데이터 다루기 :○ 0단계 : json 데이터 출력법 => JSON객체 프로퍼티 메소드 stringify(jsonData,null,들여쓰기 개수?)# GPT 설명 (근데 중요한건 아니므로, 대략 읽으면서 끄덕 ㄱ)JSON.stringify(jsonData, null, 2)은 JavaScript에서 객체(jsonData)를 JSON 형식의 문자열로 변환하는 함수인 JSON.stringify를 사용하는 코드입니다.각 매개변수의 의미는 다음과 같습니다:jsonData: JSON 형식으로 변환할 데이터 객체. 예를 들어, { name: "Alice", age: 25 } 같은 객체를 JSON 문자열로 바꿉니다.null: replacer 매개변수로, 변환 시 특정 속성만 선택..
2024. 12. 2.
(1)비동기_자바스크립트_Argument, Parameter의 차이, CallBack메소드 작성방법2가지(구현부는 같으나 , 호출시 정석, ArrowFunction), setTimeout + callback함수 응용, 비동기의 대표적 예시
● 이론0_비동기_자바스크립트를 배우기 전, Argument, Parameter의 차이○ 이론적 정의 차이 :Argument : 함수 호출을 할 때, 호출한 함수의 매개변수에 대입한 값들Parameter : 함수 구현 시, 변수들 입력한 매개인자 값○ 예시로 파악하기 :function add(x, y) { // x, y : Parameter return x + y;}add(1, 2); // 1, 2 : Argument● 이론1 : CallBack 메소드○ 정의 : 함수의 파라미터(함수 구현 작성 시) 안에 메소드가 들어가있는 형식으로, 함수 호출시에는 Argument에 다른 함수를 대입하는 함수형식을 CallBack method라 한다.○ 간단 예시function SayHello(){ console.l..
2024. 12. 1.
