쫑가 과정

Document 살펴보기 document가 모든 것들의 시작점이고 web site를 의미한다. browser는 Html로 이루어져 있는데 JavaScript를 이용해 Html을 불러올 수 있다. console.log(document); console에 document를 입력하면 내가 Html을 볼 수가 있다. 이건 javaScript로 Html을 불러올 수 있다는 것이다. console.dir(document); 그저 object일 뿐인 항목들이 많이 나온다. 그중에 title: 이라고 적힌 부분을 보자. title항목은 JavaScript에서 title을 정의한 적이 없고 HTML에서 정의한 항목인데 불러올 수가 있다. Html을 JavaScript의 관점으로 보여준 건데. 이것이 object로 보인다..

입력한 숫자에 따라 다른 문자를 주고 싶다. 하나씩 알아야 할 것들을 보고 가자. const age = prompt("How old are you?"); console.log(age); ----------------- 20 -> 20 lalal -> lalal prompt() : 메시지를 띄워 답을 받아오는 function이다. 단점이 많아서 지금은 사용하지 않는다. 숫자와 문자 둘 다 입력하면 그대로 나온다. 하지만 나는 나이를 물어볼 거라 숫자만 입력하게 하고 싶다. typeof const age = prompt("How old are you?"); console.log(typeof age); ----------------- 20 -> string 하지만 변수가 어떤 type인지 알려주는 typeof..

return은 하나씩 살펴보면 어렵지 않지만 이상하게 헷갈린다. 하나씩 봐보자. const calculator = { add : function (a,b) { console.log(a+b) }, minus : function (a,b) { console.log(a-b) }, divide : function (a,b) { console.log(a / b) }, multiplication : function (a,b) { console.log(a * b) } }; calculator.add(2,3); calculator.minus(2,3); calculator.divide(2,3); calculator.multiplication(2,3); -------------------------------- 5 -1 ..

array 내가 일주일의 요일을 만들고 싶다면 아래처럼 요일을 하나씩 정의해서 만들려고 할 수도 있다. const mon = "monday"; const tue = "tuesday"; const wed = "wendesday"; const thu = "thursday"; const fri = "friday"; const sat = "saturday"; const dayOfWeek = mon + tue + wed + thu + fri + sat; console.log(dayOfWeek); ----------------------- mondaytuesdaywendesdaythursdayfridaysaturday 하지만 보다시피 결괏값도 엉망으로 나오고 dayOfWeek는 하나의 값이므로 몇 번째 요일을 빼오..

Variable (변수) 모든 프로그램 언어에서 변수는 값을 저장하거나 유지하는 역할. Variable은 왜 사용하는가? 내가 JavaScript로 간단한 연산 테스트를 한다면 // 1 console.log(7 + 8); console.log(7 * 8); console.log(7 / 8); console.log(7 - 8); ---------------------- // 2 console.log(9 + 10); console.log(9 * 10); console.log(9 / 10); console.log(9 - 10); 1번 계산식에서 2번처럼 숫자를 변경한다면 4개의 계산식을 위해 무려 8개의 숫자를 변경해야 한다. 만약 계산식이 더 많다면 하루 종일 변경해야 할지도 모른다. // 1 let a =..

JavaScript란? https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/What_is_JavaScript JavaScript가 뭔가요? - Web 개발 학습하기 | MDN MDN의 JavaScript 초급자 과정에 오신 걸 환영합니다! 이 글은 JavaScript를 넓게 보면서 "뭔가요?", "뭘 하나요?"와 같은 질문을 답변하고, 여러분이 JavaScript에 친숙해지도록 도와드립니다. developer.mozilla.org 자바스크립트는 복잡한 무언가(주기적으로 내용이 갱신되는 기능이나 능동적인 지도, 변화하는 2D/3D 그래픽, 동영상 등)를 웹페이지에 적용할 수 있게 하는 스크립트 혹은 프로그래밍 언어입니다. 자바스크립트는 표..