JavaScript
-
[Javascript] 자바스크립트 동기와 비동기, setTimeout()은 무엇인가?WEB/FRONTEND 2025. 5. 11. 09:00
(※ 밑에 요약이 있으니, 바쁘신 분들은 아래에 있는 3줄 요약을 참고하세요😊) 이번 포스팅에서는 동기와 비동기가 무엇인지 자바스크립트를 통해서 알아보고,setTimeout 함수를 통해 비동기적 실행이 무엇인지 알아보도록 하겠습니다😊 ✅동기와 비동기동기와 비동기는 개발 공부를 할 때에 나오는 중요한 개념 중 하나입니다.프로그래밍에서 작업이 어떤 방식으로 실행되는지 설명해 주는 단어이기 때문인데요❗동기와 비동기를 한마디로 표현하자면,동기: 선행 작업이 끝나고 다음 작업이 실행되어, 순서대로 하나씩 실행된다.비동기: 선행 작업이 끝나길 기다리지 않고, 다음 작업이 먼저 실행된다. 라고 말할 수 있어요!아래의 코드 예시를 보면서 이해해 보도록 하겠습니다😊 🗒️ 동기적 실행 코드console.log..
-
[Javascript] 자바스크립트 window 객체(전역 객체) 및 하위 객체WEB/FRONTEND 2025. 5. 8. 08:00
(※ 밑에 요약이 있으니, 바쁘신 분들은 아래에 있는 3줄 요약을 참고하세요😊) 오늘은 자바스크립트 window 객체 및 그 하위 객체에 대해서 알아보도록 하겠습니다.function popUpTest(){ window.open("js16_popup02.html","_blank","width=200px,height=200px");}function test(){ let val =document.getElementsByName("test")[0].value; window.opener.document.getElementById("tt").innerHTML=val; close();}위의 코드에서 window 객체 및 document 객체를 불러, 각 객체에 해당하는 메서드를..
-
[Javascript] 자바스크립트 Object(객체) 타입이란?WEB/FRONTEND 2025. 5. 6. 21:48
(※ 밑에 요약이 있으니, 바쁘신 분들은 아래에 있는 3줄 요약을 참고하세요😊) 오늘은 자바스크립트 Object 타입에 대해 알아보도록 하겠습니다.var arrObj = new Array();var arrObj01 = ["a1", "a2", 3, 4];console.log(typeof arrObj);console.log(typeof arrObj01);/*console 출력objectobject*/다른 언어와 다르게 자바스크립트 배열의 자료형을 콘솔에 찍게 되면, object 데이터 타입이 나오게 됩니다.이에 object 데이터 타입이 무엇인지 좀 더 깊이있게 알아보고자 이번 포스팅을 올리게 되었습니다.Javascript에서의 Object(객체)란?자바스크립트에서의 객체란 여러 가지 속성을 하나의 변수..