일렉치는 취준생

JavaScript에서 데이터 타입을 확인하는 대표적인 방법으로는 typeof가 있다. 이렇게 문자열 / 숫자 / Boolean / undefined / function은 typeof로 데이터 타입을 확인할 수 있다. // 데이터 타입 확인 console.log(typeof 'Hello') console.log(typeof 'Hello' === 'string') console.log(typeof 123 === 'number') console.log(typeof false === 'boolean') console.log(typeof undefined === 'undefined') console.log(typeof function(){}==='function') 하지만 null / 빈 배열 / 빈 객체의 경..

함수는 JavaScript에서 하나의 데이터고, 뒤에 소괄호를 열고 닫아야 함수가 동작한다. // function function hello() { console.log('Hello!') } // call hello() 함수에 소괄호를 쓰지 않으면? function getNumber() { return 123 } console.log(getNumber) console.log(getNumber()) 단순히 함수 그 자체가 출력되는 것을 확인할 수 있다. 함수 자체와 소괄호를 열고 닫아서 호출하는 것은 다르다. 소괄호를 열고 닫아 함수를 호출해야, 함수에 지정한 return 값이 나온다. 타입 확인 function getNumber() { return 123 } console.log(typeof getNum..

Object(객체)는 속성의 집합으로 속성과 값을 갖는다. 객체는 다양한 방법으로 생성할 수 있다. 1. 생성자 함수 방식 // object const user = new Object() user.name = 'KERORO' user.age = '63' console.log(user) 객체 데이터는 new 키워드와 함께 Object 함수로 생성 가능하다. 콘솔창으로 직접 확인해보면, 객체 데이터는 중간이 : (콜론) 으로 이루어진 key-value 형태임을 확인할 수 있다. key : 속성 / property value : 값 2. 함수 안에서 this를 이용해 만드는 방식 function User(){ this.name = 'KERORO' this.age = '98' } const user = new ..

원시 타입 : 객체가 아니면서 메서드도 가지지 않는 데이터 1. String : 문자열 const string1 = "hello" const string2 = 'hello' const string3 = `hello ${string1} ?!` console.log(string3) JavaScript 문자열은 큰 따옴표와 작은 따옴표 모두 사용가능하다. Template Literals : 기호를 통해 데이터를 만들어내는 방식 ` ` (백틱)을 사용할 경우 ${ }로 데이터 보관이 가능하다. JavaScript는 원시값(String)에도 메서드가 적용된다 let str = "test" let str2 = new String("test") console.log(str) console.log(str2) conso..

배열을 생성하는 2가지 방법 1. 생성자 함수 사용하기 2. [ ] 대괄호를 이용해 생성 const fruits = new Array('Apple','Banana','Cherry') console.log(fruits) const fruits2 = ['Apple','Banana','Cherry'] console.log(fruits2) new 키워드와 함께 생성자 함수를 호출하여 배열을 생성하는 방법과, 괄호를 이용하여 배열을 생성하는 방법 모두 동일한 결과가 나옴 괄호가 간단하고 좋으니 이 방법을 사용하자 JavaScript의 배열은 인덱싱이 가능하다 const fruits2 = ['Apple','Banana','Cherry'] console.log(fruits2) console.log(fruits2[1]..

기본 세팅 index.html Hello World! 1. Boolean const a = true const b = false if(a) { console.log('Hello') } if(b) { console.log('Hello') } JavaScript에서는 true일때만 함수가 동작한다 2. null - 명시적으로 존재가 없음을 나타냄 // null - 존재 X / 비어있다 / 알수없다 let age = null console.log(age) setTimeout(function () { // 1초뒤에 age 값이 85로 바뀜 age=85 console.log(age) }, 1000) null이 나타났다가 1초 후에 85로 값이 변경되어 나타남 null은 값이 null이라고 직접 명시해줘야한다 ! ..

외부 스크립트 파일 연결해서 작성하기 JAVA script는 html의 body 속 이랬던 코드를 외부 js파일을 활용해서 쪼개보자. js = JAVA Script 파일 var heading = document.querySelector('#heading'); heading.onclick = function(){ heading.style.color="red"; } 해주면 js파일을 불러와서 간단하게 코드를 실행할 수 있다. 동일하게 실행되는 모습을 확인함 ! 알림창 만들기 alert("메세지") 를 작성하면, 작성한 메세지로 알림창이 뜬다. 확인창 출력하기 confirm("메세지") : 작성한 메세지를 포함한 확인창이 뜨게할 수 있다. 프롬포트 창 입력받기 프롬포트 창 : 텍스트를 작성할 수 있는 창 pr..