dada's

alert, prompt, confirm = 브라우저 환경에서 사용되는 최소한의 사용자 인터페이스 기능 alert : 사용자가 확인 버튼을 누를때까지 메세지를 보여주는 창이다 메세지가 있는 작은 창은 모달 창(modal window)라고 부른다 prompt : 텍스트 메세지와 입력 필드(input field), 확인 및 취소 버튼이 있는 모달 창을 띄워준다 prompt함수는 두개의 인수를 받는다 사용자가 prompt의 입력 상자에 원하는 값을 입력하고 확인을 누르면 사용자가 입력한 값이 출력된다 값을 입력하길 원하지 않는 경우는 취소버튼을 누르거나 ESC을 눌러 대화상자를 빠져나갈 수 있다 사용자가 입력을 취소한 경우는 null이 반환된다 // 문법 result = prompt(title, [defaul..

DOM(Document Object Model)에 대한 개념에 대해 알아보자 자바스크립트는 HTML조작에 특화된 언어이다 그런데 어떻게 자바스크립트가 HTML을 조작할까? HTML을 조작하기 위해선 HTML을 자바스크립트가 해석할 수 있도록 정리가 필요하다 그래서 자바스크립트는 HTML을 쉽게 해석하기 위해 오브젝트(Object)와 비슷한 자료형에 담아서 사용한다 이렇게 HTML자료를 정리한 것을 DOM이라고 한다 브라우저는 HTML을 읽을때 DOM을 생성한다 HTML을 위에서부터 한줄씩 해석을 하는데 HTML보다 위에 HTML을 조작하는 자바스크립트를 작성하면 DOM이 생성되기 전이기 때문에 해석을 못한다. jQuery에서는 HTML파일을 다 읽었는지 알려주는 이벤트 리스너가 있다 => $(docume..

Node.js node.js를 이해하기 위해서는 자바스크립트가 무엇인지 알아야 한다. 자바스크립트는 html의 조작과 변경, 동적인 사이트를 만들기 위해서 만들어진 언어이다. 여기서 자바스크립트를 동작(해석)하는 것은 브라우저(크롬, 익스, 파이어폭스 등..)의 해석엔진이 한다. 그리고 브라우저 마다 쓰는 엔진이 다르다. 크롬은 V8이라는 해석엔진을 쓰는데 이 엔진을 따로 떼어낸 후 기능을 좀 더 추가해 출시하게 되는데 이것이 Node.js이다. node.js를 만든 이유는 자바스크립트를 브라우저 말고도 다른 환경에서도 자바스크립트를 실행 할 수 있게 도와주기 위함이다. 따라서 node.js는 자바스크립트의 실행창, 실행 환경(런타임)이다. 그래서 node.js가 있다면 브라우저를 키지 않아도 프롬포트나..

지난번 자바스크립트를 활용하여 input 값을 받아오는 포스팅에 이어 제이쿼리를 사용하여 input 값을 받아오는 방법을 정리했다. 자바스크립트와 제이쿼리 문법이 달라 헷갈릴 수 있어 잘 정리 해야한다. https://kdy-log.tistory.com/4 [Javascript] input 값 가져오기 input value 순수 자바스크립트로 input 값을 가져오는 법 "input 요소.value" 이렇게 .value라는 프로퍼티를 이용하여 간단하게 출력할 수 있다. 예제 (input 박스에 값을 입력 한 후 버튼을 클릭하면 밑에 input에 입 kdy-log.tistory.com 일단 자바스크립트로 input 값을 가져오는 기본 방법을 익힌 후 제이쿼리의 문법을 익히는것이 좋다. jQuery 문법 i..

순수 자바스크립트로 input 값을 가져오는 법 "input 요소.value" 이렇게 .value라는 프로퍼티를 이용하여 간단하게 출력할 수 있다. 예제 (input 박스에 값을 입력 한 후 버튼을 클릭하면 밑에 input에 입력한 값을 출력 해 주는 코드이다.) See the Pen Untitled by Kang Dayeon (@diakdy) on CodePen.

Math.random() 💡이 함수는 0~1사이의 난수를 생성한다. (1은 포함하지 않음) 여기서 범위를 지정하여 정수인 난수를 생성하고 싶은 경우엔 이 함수들과 같이 사용해야 한다. Math.floor() : 내림 Math.round() : 반올림 Math.ceil() : 올림 예제 Math.random() * 10; // 이렇게 하면 0~10까지의 숫자중(소수점 포함) 랜덤의 숫자를 얻을 수 있다. (범위 지정) Math.floor(Math.random() * 10); // 0~10 사이의 숫자중 예를들어 4.64645이런 값이라면 숫자를 내림하여 4라는 결과값이 나온다. // 마찬가지로 round, ceil등을 활용하여 원하는 값에 따라서 정수를 얻을 수 있다. 이러한 기본 순서를 익혔다면 함수를 ..

Math 💡Math란 수학적인 상수와 함수를 위한 속성과 메서드를 가진 자바스크립트 내장 객체이다. 함수객체가 아님. Math는 Number 자료형만 지원한다. Math에는 다양한 속성과 메서드가 있지만, 일단 기본적으로 많이 사용되는 메서드만 정리 해 보았다. 더보기 📌 자주 사용되는 Math의 메서드들 📌 Math.pow(3,2); // 결과 9 -> 3의 2승 Math.round(10.6); // 결과 11 -> 10.6을 반올림 Math.ceil(10.2); //결과 11 -> 10.2를 올림 Math.floor(10.6); // 결과 10 -> 10.6을 내림 Math.sqrt(9); // 결과 3 -> 3의 제곱근 Math.random(); // 0~1 사이의 랜덤한 숫자(난수)

프로그래밍에 있어서 기본적인 개념 = 데이터 데이터란 정보이고 프로그래밍에선 데이터(정보)에 따른 타입이 있다. 자바스크립트의 기본 데이터 타입에는 숫자와 문자가 있다. 1. 숫자 (Number) 💡자바스크립트에서는 큰따옴표("")나 작은따옴표('')가 붙지 않은 숫자는 숫자로 인식하며 숫자를 인식하여 계산 할 수 있다. ✓ 숫자의 연산 종류 alert( 1+1 ); // 결과 : 2 alert(2 * 5); // 결과 : 10 alert(6 / 2); // 결과 : 3 사칙연산 외에 자바스크립트로 여러가지 연산을 하고 싶을때 Math라는 객체를 사용 할 수 있다. 2. 문자 (String) 💡문자는 큰따옴표("")나 작은따옴표('')로 감싸야한다. 그리고 큰따옴표로 시작하면 큰따옴표로, 작은따옴표로 시..