개키우는개발자 : )

Functions (기능,함수) 우리는 어떠한 기능을 수행하는 코드를 개발할 때 여러번 반복되는 기능들을 구현합니다. 예를들어 방문자가 로그인, 로그아웃 및 여러곳에서 메시지를 표현 해야 합니다. 이러한 메시지를 표시하는 기능을 반복하지 않고 여러번 호출 할 수 있습니다. 이미 자바스크립트에는 메시지를 보여주는 내장함수가 포함되어 있습니다. alert(message),prompt(message,default), confirm(question) 그러나 이런 함수는 직접 기능을 구현할 수 있습니다. 사이트 가시면 자바스크립트를 직접 실습 하면서 배울수 있습니다. https://plnkr.co/edit/ Plunker plnkr.co 함수 선언 함수는 function 키워드 선언후 함수의 이름 매개괄호 순으로..

비교(Comparisons) 수학에서 사용하는 많은 연사자 기호들이 있다. 왼쪽이 오른쪽보다 크다 ≤: 왼쪽보다 오른쪽이 크거나 같다. ≥: 왼쪽이 오른쪽보다 크거나 같다. =: 같다. ≠: 등호에 / 를 그은 것으로 식이 성립되지 않을 때 사용한다. 예를 들어 1≠2와 같은 경우 저 기호를 사용할 수 있다. 자바스크립트에서도 비교 연산자 기호가 있다. 왼쪽이 오른쪽보다 크다 =: 왼쪽이 오른쪽보다 크거나 같다. ==: 같다. != : 등호에 / 를 그은 것으로 식이 성립되지 않을 때 사용한다. 예를 들어 1≠2와 같은 경우 저 기호를 사용할 수 있다. = : 대입 연산자. a = b, a에 b의 값이 대입된다. 값의 결과 : Boolean 비..

자바스크립트 코드 작성 시 규칙 만약 Hellow와 world라는 두 개의 단어를 나누어 알람을 울린다면 밑의 형식은 바람직 하지 않습니다. alert('Hello'); alert('World'); 보통 문장은 줄바꿈을 하여 코드를 작성합니다. alert('Hello'); alert('World'); 세미콜론 (;) 줄바꿈을 할 경우 세미콜론을 생략할 수 있습니다. alert('Hello') alert('World') 이렇게 줄 바꿈을 하여 코드를 작성할 경우 "암시적" 세미콜론으로 해석합니다. 자동으로 세미콜론을 작성했다 인식합니다. 성향마다 많이 다르지만 항상 코드가 끝나면 세미콜론을 붙이는 습관을 가졌으면 합니다. 오류의 종류 반복문 forEach를 이용해 세미콜론 없이 실행을 하면 1,2의 알람 ..

switch 문 문법은 하나 이상의 case 블록과 선택적 기본값을 가진다. switch(x) { case 'value1': //if x 가 'value1' 이면 실행 ... [break] case 'value2': //if x 가 'value2' 이면 실행 ... [break] default: ... [break] } switch 문의 패턴은 ('value1') case 'value1'과 같으면 case : 에서 시작하여 가장 가까운 break까지 실행한다. 만약 case에 일치하는 값이 없다면 default 코드가 실행된다. (default 가 존재할 경우) 예제 let a = 2 + 2; switch (a) { case 3: alert( 'Too small' ); break; case 4: aler..

랜덤으로 구구단 문제를 반복적으로 출제하며 정답일 경우 새로운 문제를 출제합니다. 오답일 경우 틀린 문제를 반복적으로 출제합니다. num1 : 1~ 9 랜덤한 숫자 num2 : 1~ 9 랜덤한 숫자 result : 정답의 값을 저장하는 변수 check : boolean 변수 answer : 문제의 답을 제출하면 저장해주는 변수 정답일 경우 check 변수를 false 로 변환하여 상위 while 문을 실행합니다.

6가지 형태의 별을 찍어보는 코드입니다. repeat() " ".repeat(star) star : 별의 개수 초기화값 (문자열을 반복할 횟수. 0과 양의 무한대 사이의 정수([0, +∞)) ) 반환값 : 현재 문자열을 주어진 횟수만큼 반복해 붙인 새로운 문자열. 예외 : RangeError: 반복 횟수는 양의 정수여야 함. RangeError: 반복 횟수는 무한대보다 작아야 하며, 최대 문자열 크기를 넘어선 안됨. 예제 : 'abc'.repeat(-1); // RangeError 'abc'.repeat(0); // '' 'abc'.repeat(1); // 'abc' 'abc'.repeat(2); // 'abcabc' 'abc'.repeat(3.5); // 'abcabcabc' (정수형으로 변환) 'ab..

랜덤으로 단어를 제시하면 제시한 단어의 끝 글자로 시작하는 단어를 답변합니다. 게임은 무한으로 진행이 되며 정답일 경우 맞춘 단어가 제시어로 바뀌고 '딩동댕' 알람을 띄웁니다. 오답일 경우 '땡' 알람을 띄웁니다. randomWord : 배열에 랜덤한 단어를 저장해주는 변수 randomSize : 배열의 길이 저장 (5) Math.random() : 0을 포함하면서 1보다 작은 랜덤한 값을 반환(소수점) Math.floor() : 소수점 버림 size : 랜덤한 0.xxxxx * 5 값의 소수점을 버린 나머지 값을 저장 word : 랜덤한 배열의 단어를 저장하는 변수 wordSzie : 제시한 단어의 글자 길이의 -1 값을 저장 ( 예) 제시어 : 자바(2) -1 = 1 ) answer : 대답한 단어

+ , - , * , / 일반적인 수학과 조금 다른 연산자에 대해서 다룹니다. 용어 : "unary","binary",operand" 피연산자(operand) - 연산자가 적용되는 것. 5 * 2 에는 두 개의 피연산자가 있습니다. 왼쪽 피연산자는 5 , 오른쪽 피연산자는 2 입니다. "인수" 라고도 부릅니다. 단항 연산자(Unary operator) - 단항 연산자일 경우 값에 - 를 넣으면 숫자의 부호가 -로 변경됩니다. let x = 1; x = -x; alert( x ); // -1, unary negation was applied //결과 -1 이진 연산자(Binary operator) - 같은 마이너스는 바이너리 형식으로 존재합니다. let x = 1, y = 3; alert( y - x );..

예전에 지인의 과제를 도와드렸던 문제입니다. html , css를 너무 대충한 느낌이..ㅋㅋ 양해 좀요 ^^ 사칙 연산 퀴즈 자신의 이름과 제시된 연산의 답을 입력 한 후 완료 버튼을 눌러주세요. 이름 : 5 + 6 = 8 - 3 = 7 x 6 = 15 ÷ 3 = 8 + 6 - 3 x 2 ÷ 2 = 그때 당시 제가 풀었던 방식입니다. window.addEventListener("click", init, false); function init () { document.forms[0].elements[7].addEventListener("click", quizCheck, false); } function quizCheck(){ var examineeName = document.forms[0].name.val..

마크업 태그 방식 script 태그 사이에서 자바스크립트 코드가 바로 실행이 됩니다. 삽입 위치는 어디든 상관없이 실행은 됩니다. 하지만 스크립트는 load 진행 순서? 가 있기 때문에 그 부분은 나중에 ^^~ 작성하고 일단 ...After the script. 외부 스크립트 방식 ( External scripts ) JavaScript 코드 량이 많으면 별도의 파일에 넣을 수 있습니다. Before the script... ...After the script. 또는 URL을 넣을 수 있습니다. 여러 개의 스크립트를 첨부하여 사용할 수 있습니다. … 이와같은 경우에는 사용할 수 없습니다. 참고 : https://javascript.info/hello-world Hello, world! javascript..

자바스크립트란 무엇일까? "동적인 화면을 구성"하는데 사용하는 언어 라고 생각합니다. 더 자세한 내용들 자바스크립트의 역사 등등..이러한 내용은 위키백과를 찾아보시면 됩니다!ㅋ 자바스크립트는 언어가 발전하면서 Web , App , Back - End, Front - End ...어디서든 사용 할 수 있는 라이브러리,프레임워크 들이 등장하면서 정말 자바스크립트는 사용할 곳이 많구나 라고 생각듭니다. 왜 자바 스크립트인가? 자바스크립트가 처음에는 "LiveScript" 라는 이름으로 사용되다 "넷스케이프 2.0B3에서부터 공개, 채택되었다. 자바스크립트라는 이름은 상당한 혼란을 가져왔다." 하지만 자바스크립트가 진화하며 ECMAScript 라는 자체 사양을 가진 완전히 독립적인 언어가 되었으며 Java와는 ..