JavaScript9 [Javascript] - promise 함수 비동기 프로젝트 2탄. promise 함수 어려워도 너무 어렵다..ㅠㅡㅠ 같은 영상과 글을 2,3번 반복해도 잘 이해가 안 되는 개념이지만 공부한 내용을 정리해보려고 한다. 이 글을 처음 보시는 분이시라면 전의 callback 함수를 이해하고 오시는 것을 추천드립니다. https://luka-frontend.tistory.com/6?category=1014651 Promise란? promise는 자바스크립트의 오브젝트로 비동기적인 것을 수행할 때 콜백 함수를 대신해서 사용할 수 있다. 3가지 상태 State 및 처리 흐름 pending(대기): 처리가 완료되지 않은 상태 fullfilled(이행): 성공적으로 처리가 완료된 상태 rejected(거부): 처리가 실패로 끝난 상태 제작 코드와 소비 코드 제.. 2022. 2. 4. [Javascript] 콜백함수(Callback Function)란? 자바스크립트를 공부하다가 개인적으로 제일 때려치우고 싶었던..ㅠㅡㅠ 그만큼 난관이었던 비동기 프로그래밍 앞으로 비동기를 완벽하게 내 것으로 만들기 위한 공부를 시작하려 한다. 가장 먼저 콜백 함수에 대해 공부를 해보았다. 콜백 함수란? 정의 함수에 파라미터로 들어가는 함수를 의미한다. 용도 함수를 순차적으로 실행하고 싶을 때 사용한다. 말 그대로 나중에 호출되는 함수를 의미한다. 콜백 함수라 하여 그 자체로 특별한 선언이나 문법적인 특징을 가지고 있지 않다. document.querySelector('.button').addEventListener('click', function() { 얘가 콜백 함수} 왜? 콜백 함수가? 자바스크립트의 비동기 처리방식은 동기 처리 방식과 다르게 동기 처리는 코드가 순서.. 2022. 2. 3. [Javascript] 반복문_for 문 뽀개기 개인적으로 내 인생 자바스크립트 학습의 첫 걸림돌이지 않았을까 싶은 for문..! 개념을 확실히 잡고간다면... 어렵지 않지만 내가 듣는 수업에서는 확실한 개념설명을 해주지 않았기에... 너무나도 어려웠던 for문에 대해서 알아보자! 먼저 문법 예시! for ([초기문]; [조건문]; [증감문]) 문장 항상 느끼는 거지만 MDN문서는 나에게 너무나도 어렵다🥲 이해가 되지 않을 분들을 위해 조금더 보기 쉽게 변형해 보았다. for(1.시작문; 2.조건식; 4.종료식) { 3.동작문; } 순서는 1, 2, 3, 4 -> 2, 3, 4(반복) 예시를 통해 조금더 이해를 해보자! //1부터 100까지 출력하기// for(let i = 1; i < 101; i++) { console.log(i); } 1(시작문).. 2021. 12. 1. [Javascript] - querySelector querySelector 은 HTML 요소의 특정 name, id, class 상관없이 CSS 선택자를 사용하여 요소를 찾는 것이 가능하다. 또한 같은 id 와 class가 존재하더라도 첫번재 요소만 반환한다. //문서의 첫번째 div 요소 document.querySelector("div"); //class요소 document.querySelector(".example"); //id 요소 document.querySelector("#example"); //문서의 첫번재 div 요소 안의 클래스 요소 document.querySelector("div.example"); 간혹 HTML 문서 내부의 전체 div 요소를 불러 내고 싶은 경우가 있을 것이다. 그럴때는 querySelectorAll 함수를 사용하.. 2021. 11. 28. 이전 1 2 3 다음
