남선생과 예니의 라이프 남선생과 예니의 라이프

(※ 밑에 요약이 있으니, 바쁘신 분들은 아래에 있는 3줄 요약을 참고하세요😊) 이번 포스팅에서는 동기와 비동기가 무엇인지 자바스크립트를 통해서 알아보고,setTimeout 함수를 통해 비동기적 실행이 무엇인지 알아보도록 하겠습니다😊 ✅동기와 비동기동기와 비동기는 개발 공부를 할 때에 나오는 중요한 개념 중 하나입니다.프로그래밍에서 작업이 어떤 방식으로 실행되는지 설명해 주는 단어이기 때문인데요❗동기와 비동기를 한마디로 표현하자면,동기: 선행 작업이 끝나고 다음 작업이 실행되어, 순서대로 하나씩 실행된다.비동기: 선행 작업이 끝나길 기다리지 않고, 다음 작업이 먼저 실행된다. 라고 말할 수 있어요!아래의 코드 예시를 보면서 이해해 보도록 하겠습니다😊 🗒️ 동기적 실행 코드console.log..

(※ 밑에 요약이 있으니, 바쁘신 분들은 아래에 있는 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 객체를 불러, 각 객체에 해당하는 메서드를..

(※ 밑에 요약이 있으니, 바쁘신 분들은 아래에 있는 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(객체)란?자바스크립트에서의 객체란 여러 가지 속성을 하나의 변수..

HTML은 웹개발을 처음 배울 때, 가장 처음 배우는 마크업 언어입니다.기본적으로 ".html 확장자"를 가진 파일을 만들어 강의를 보고 코드를 따라 치기는 하지만,개발을 처음 배우시는 분들에게 html을 물어봤을 때, 정확하게 무엇을 위한 소스인지 모르는 경우가 많습니다.이에, 이번 포스팅에선 HTML이 근본적으로 무엇인지 알아보고자 합니다.HTML의 줄임말HTML을 한마디로 표현하면, 링크를 표현할 수 있고, tag를 통해 문서의 형식을 나타내는 언어입니다.위의 말이 와닿지 않을 수 있을 텐데요!자세히 알아보자면 HTML은 HyperText Markup Language의 줄임말입니다.그렇다면 HyperText Markup Language는 무슨 말일까요?띄어쓰기대로 단어를 끊어 파헤쳐보도록 하겠습니..