반응형 개발 기초 다지기71 내일배움캠프 11일차 : 콜백지옥 해결 방법 동기/비동기 지난번에 정리하던 콜백함수를 동기/비동기와 함께 마저 정리하려 한다. 동기(synchronous) : 코드가 차례대로 실행되는 방식비동기(a + synchronous - async) : 실행중인 코드 완료와 상관 없이 다른 코드를 넘어가는 방식ex) setTimeout, addEventListner 등 - 콜백지옥을 해결하려면콜백 지옥 : 콜백 함수를 익명의 함수로 전달하는 과정이 반복 됨으로 엄청난 들여쓰기가 발생한 상황 - 가독성 안좋음, 수정도 어렵ex) 콜백지옥의 모습setTimeout( function (name) { var coffeeList = name; console.log(coffeeList); setTimeout( function (name) { .. 2024. 4. 29. 내일배움캠프 10일차 : Api 불러오기/검색 기능 구현 개인과제로 영화 검색 사이트 만들기를 진행했다. 아직 자바스크립트에 대한 기본이 제대로 잡혀있지 않고 개념과 매소드도 익숙지 않았기 때문에 온갖 인터넷을 뒤져 겨우 구현해 냈다. 아직 피드백 전이라 깔끔한 코드는 아니겠지만 우선 작동은 하기 때문에 다시 한번 내 것으로 만들기 위한 정리 작업을 하려고 한다. 카드 불러와서 화면에 나타내기 ///카드 불러오기 fetch(url, options) .then(response => response.json()) .then(data => { let rows = data['results']; rows.forEach((a) => { let mvTitle = a['ti.. 2024. 4. 28. 내일배움캠프 9일차 : 자바스크립트 콜백함수 위기가 찾아왔다. 콜백함수가 이해가 가지 않아 진도를 나가지 못하고있다. 빠르게 과제도 시작해야하는데 말이다... 우선은 여기에 최대한 콜백함수를 정리하면서 이해를 해보고 바로 과제를 시작해봐야겠다. 하다보면 되겠지..이해.. 콜백함수 : 다른 코드에게 인자를 넘겨줌으로써 제어권도 함께 위임한 함수ex) forEach, setTimeout -> 위임 받은 코드를 필요에 따라 적절한 시점에 실행 (제어권 가지고 있음) - 제어권1. 호출 시점 : 콜백함수 넘겨받은 코드는 콜백 함수 호출 시점에 제어권을 가짐setInterval(콜백함수, 시점);더보기ex) setInterval(function() { -> 제어권 넘겨받은 코드 console.log(count); if(++count > 4.. 2024. 4. 25. 내일배움캠프 8일차 : 자바스크립트 기본 문법 3 자바스크립트를 이해하기 위해 고군분투중이다. 적어도 내일중에는 과제를 시작해야할 것 같은데 아직 강의 전체를 이해하지 못해서 큰일이다. 그래도 앞쪽에 기초적인 부분을 재정립하고나니 이해가 가지 않던 부분을 이해하는데 더욱 도움이 되고있다. 기초를 다졌으니 심화 내용들도 빠르게 끝내보려한다. JS에서 객체 생성 방법중괄호를 통하여 객체를 생성각 속성 ',' 쉼표로 구분속성은 이름과 값을 가짐 (이름: 문자열, 값: 다양한 데이터 타입)객체 내부의 함수 메소드(method) - 속성의 값으로 함수 추가할 수 있음객체를 만들어 필요한 속성과 메소드를 추가하여 사용 객체의 value에 접근하는 방법 : 객체이름[key] ex) person[key] 배열배열 요소 접근 : 배열의 요소에 접근.. 2024. 4. 24. 이전 1 ··· 13 14 15 16 17 18 다음 반응형