본문 바로가기

프로그래밍/자바스크립트17

17 로또 추첨 프로그램을 만들어보자 로또 추첨 프로그램을 만들어보자 이전에 이미 로또 추첨 프로그램을 만든적이 있지만, 네...(말잇못（；´д｀）ゞ) https://yoonhihi.tistory.com/148?category=972019 07 주사위게임, 가위바위보, 로또추첨 만들기 주사위 게임 주사위 게임 - 랜덤한 수를 뽑아 변수에 저장 - 자신이 입력한 수와 일치하면 끝나는 게임(틀리면 무한 반복) [출력 예시] 주사위 숫자를 맞춰보세요.(1~6) 3 틀렸습니다. 주사위 숫자 yoonhihi.tistory.com 처음에 만들 때 든 생각이 점점 더 멋있게 만들어보자! 였는데, 아직도 부족하지만 업그레이드된 버전으로 작성해보려한다. (ﾉ◕ヮ◕)ﾉ*:･ﾟ✧ HTML 로또 추첨기 // 로또공(?)이 들어갈 영역 ? //동일하게 동그란 모양.. 2021. 7. 30.
16 노드(node) 노드(node) ▪ HTML DOM은 노드라고 불리는 계층적 단위에 정보를 저장하고 있다. ▪ HTML DOM은 이러한 노드들을 정의하고, 그들 사이의 관계를 설명해 주는 역할을 한다. ▪ HTML 문서의 정보는 노드 트리(node tree)라고 불리는 계층적 구조에 저장된다. ▪ 이러한 노드 트리는 노드들의 집합이며, 노드 간의 관계를 보여준다. 노드의 종류 HTML 문서를 구성하는 대표적인 노드의 종류는 아래와 같다. 노드명 설명 문서노드(document node) 문서 전체를 나타내는 노드 요소노드(element node) HTML요소는 요소 노드이며, 속성 노드를 가질 수 있는 유일한 노드 속성노드(attribute node) HTML요소의 속성은 속성 노드 이며, 요소 노드에 관한 정보를 가지고.. 2021. 7. 9.
15 문서객체모델(DOM) 문서객체모델(DOM) 이란? DOM은 xml이나 html문서에 접근하기 위한 일종의 인터페이스이다. 이 객체는 문서내에 모든 요소를 정의하고 요소에 접근하는 방법을 제공한다. 이러한 DOM은 표준 객체 모델이며, 위와 같은 계층 구조로 표현된다. Document 객체 Document 객체는 웹 페이지 자체를 의미한다. 웹 페이지에 존재하는 HTML 요소에 접근할 때는 반드시 document 객체로부터 시작한다. HTML 요소의 선택 메소드 메소드명 설명 document.getElementsByTagName() 해당 태그 이름의 요소를 모두 선택 document.getElementById() 해당 아이디의 요소를 선택 document.getElementsByClassName() 해당 클래스에 속한 요소를 .. 2021. 7. 8.
14 주민등록번호 유효성 체크 프로그램을 만들어 보자 주민등록번호 유효성 체크 프로그램을 만들어 보자 일단, 주민등록번호 유효성 체크하는 방법을 알아보자 1. 각자리에 2,3,4,5,6,7,8,9,2,3,4,5를 곱한다. (단 마지막 자리는 빼놓음) 2. 각 자리의 숫자를 모두 더한다. 3. 11로 나눈 나머지 값을 구함 4. 11에서 결과값을 뺌(단, 마지막 결과가 두자리인 경우 다시 10으로 나눈 나머지 값을 구함) 두자리 예 ) 11 - 1 = 10 -> 10 % 10 = 0 5. 결과가 주민등록번호 마지막 자리와 일치하면 유효한 주민등록번호이다. [풀이] 주민등록번호 유효성 검사📑 * '-'을 제외하고 입력해주세요. // 버튼이 클릭되면 juminCheck() 함수 실행 //결과값을 담을 공간 [결과] 주민등록번호 유효성 검사📑 * '-'을 제외하고.. 2021. 7. 4.
13 window 객체 window 객체 window 객체는 현재 웹 브라우저의 창이나 탭을 표현하기 위한 객체로, 비표준 객체이다. window 메소드의 종류는 많지만, 그 중 타이머(timer) 메소드에 대해 알아보자 메소드명 설명 문법 setTimeout() 일정시간이 지난 후 매개변수로 제공된 함수를 실행 const 상수명 = setTimeout(함수명, 시간); setInterval() 일정 시간마다 매개변수로 제공된 함수를 실행 const 상수명 = setTimeout(함수명, 시간); clearTimeout() setTimeout()에서 실행된 함수를 취소 clearTimeout(setTimeout의이름); clearInterval() setInterval()에서 실행된 함수를 취소 clearInterval(set.. 2021. 7. 3.
12 Math 객체, String 객체, Date 객체 Math객체 Math 객체는 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 자바스크립트 내장 객체이다. Math 메소드 메소드명 설명 Math.min() 최소값을 반환, 매개변수가 전달되지 않으면 Infinity를 반환함 비교할 수 없는 값이 포함되어 있으면 NaN을 반환함 Math.max() 최대값을 반환, 매개변수가 전달되지 않으면 -Infinity를 반환함 비교할 수 없는 값이 포함되어 있으면 NaN을 반환함 Math.round() 소수점 첫번째 자리에서 반올림하여 반환함 Math.floor() 소수점 첫번째 자리에서 내림 Math.ceil() 소수점 첫번쨰 자리에서 올림 Math.random() 0보다 크거나 같고 1보다 작은 무작위 소수를 반환함 예시 String객체 String 객체.. 2021. 7. 2.
11 자바스크립트의 변수의범위와 객체 변수의 범위 - 자바스크립트에서는 객체, 함수가 모두 변수(상수)이다. - 변수의 범위는 변수가 접근할 수 있는 변수, 객체, 함수의 집합이다. 변수 설명 지역변수 - 함수 내에서 선언된 변수이다. - 지역 변수는 변수가 선언된 함수 내에서 유효하고 함수가 종료되면 메모리에서 사라진다. 전역변수 - 함수의 외부에서 선언된 변수 - 전역 변수는 프로그램의 어느 영역에서나 접근할 수 있으며, 웹페이지가 닫혀야만 메모리에서 사라짐 [예시] let global = 0; function func1(x,y){ console.log(global); //0 } console.log(x); //undefined console.log(y); //undefined 지역 변수 x, y 전역 변수 global 자바스크립트의 객.. 2021. 6. 26.
10 화살표 함수 화살표함수 화살표함수는 function 키워드를 사용하여 함수를 만드는 것보다 간단히 표현 가능하다. 화살표 함수는 항상 익명 함수이다. (굉장히 많이 쓰는 함수라고 합니당 (●'◡'●)) [문법] const 함수명 = (매개변수1, 매개변수2,..) => 실행문; [예시] 1. 이름만 있는 함수 //function 키워드를 사용했을 때 function func1(){ console.log('안녕하세요!'); } //화살표 함수 const func1 = () => console.log('안녕하세요'); func1(); 2. 매개변수가 있는 함수 const func2 = x => console.log(`매개변수로 전달받은 값 : ${x}`); const func3 = (x,y) => console.log(.. 2021. 6. 22.
09 사용자 정의 함수(function) 사용자 정의 함수(function) 함수는 하나의 특별한 목적의 작업을 수행하도록 설계된 독립적인 블록을 의미한다. 1. 이름만 존재하는 함수 function 함수명(){ 함수가 호출되었을 때 실행할 문장; ... } //호출 방법 함수명(); [예시] function func1() { console.log('func1 함수 호출!') } 2. 매개변수가 있는 함수 function 함수명(매개변수1,매개변수2,...){ 함수가 호출되었을 때 실행할 문장; ... } //호출시 함수명(값1,값2,...); [예시] function func2(num){ console.log(`전달 받은 매개변수의 값 : ${num}`); } 이때, 매개변수도 종류가 나누어진다. 1) 디폴트 매개변수 매개변수를 정하지 않으면.. 2021. 6. 16.
반응형

티스토리툴바