본문 바로가기

전체 글50

[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.
[Javascript] - getElementbyId 의 사용법 getElementById란? 자바스크립트 코드에서 사용되며 HTML내의 해당되는 아이디를 가지고 있는 태그를 불러오는 역할을 하는 함수이다. 또한 불러온 특정 태그의 여러 요소들을 자바스크립트를 통해 변환이 가능하다. document.getElementById(elementID); 대체로 많이 사용되어 지지는 않는 함수이며 기본적으로 querySelector 함수가 범용적으로 사용되어진다. https://luka-frontend.tistory.com/4 사용예시 Nice to meet you! 크롬창으로 실행시켜 확인해 보았다. document.getElementById("hello"); 여기서 주의할점은 지정된 ID가 없으면 아래 이미지와 같이 null을 반환한다. 또 한가지는 ID는 페이지 내에서 .. 2021. 11. 28.

티스토리툴바