호다닥

프로그래밍 언어 약속된 구문 (문법, Syntax)로 구성된 프로그래밍 언어를 사용하여 기계어를 대신 전달한 후, 컴파일러 (Compiler) 혹은 인터프리터(Interpreter)를 통해 기계어로 반환한다. *** 구문(Syntax) & 의미(Semantics) Javascript 자바스크립트는 일반적으로 프로그래밍 언어로서 기본 뼈대를 이루는 ECMAScript와 브라우저가 별도 지원하는 클라이언트 사이드 Web API, 즉 DOM, BOM, Canvas, XMLHttpRequest, Fetch, requestAnimationFrame, SVG, Web Storage, Web Component, Web worker 등을 아우르는 개념이다. 특징 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어이다...

function에서 console.log 와 return의 차이 5번째 줄 코드에서 greetNicolas 는 sayHello 함수의 리턴값이다. 다시 말해 greetNicolas는 sayHello의 실행된 결과값이다. 하지만 sayHello 함수는 아무것도 반환하지 않았다. greetNicolas에 반환값을 주고 싶으면 아래와 같이 sayHello 함수에 return , 반환값을 부여하면 된다. return 값을 주어 나만의 function 만들기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 const calculator = { plus: function (a, b) { return a + b; }, minus: function (a, b) { ret..

나의 코드 또 다른 코드 배열 안에 있는 각 문자열을 모두 체크하기 위해, 배열의 length만큼 for문을 반복한다. 출생년도를 받아오기 위해 arr[i].sbustr ( 0, 4 ) 를 통해 앞 4글자를 가져온다. 이 값은 문자열이기 때문에 숫자 1998과 비교하기 위해 Number로 감싸주고, 비교한 결과가 1998보다 클 경우 로그를 찍어줌으로써 코드를 완성한다. for (var i = 0; i 1998){ console.log(arr[i]); } }

나의 풀이 또 다른 풀이 // 주어진 단어(word)에 특정 알파벳(ch)이 몇 번 들어가는지 세어주는 함수 function countCharacter(word, ch) { var count = 0; for (var i = 0; i < word.length; i++) { if (word[i].toUpperCase() === ch.toUpperCase()) { count++; } } return count; } // 주어진 단어(word)에 특정 알파벳(ch)이 몇 번 들어가는지 세어주는 함수 function countCharacter(word, ch) { var count = 0; for (var i = 0; i < word.length; i++) { if (word[i].toUpperCase() ===..

Event (이벤트) HTML 요소들에게 일어날 수 있는 일들 사용자가 요소를 클릭한다 마우스가 요소 위로 올라온다. 마우스가 요소 밖으로 나간다. 페이지 로딩이 끝난다. 사용자가 키보드를 누른다. 이런 이벤트가 일어났을 때 어떤 동작들이 일어나도록 할 수 있는데, 이런 동작을 가능하게 하는 것이 Event Handling 이다. 사용예시1 사용예시2 HTML 부분에는 Javascript 코드를 최대한 적게 넣어야 코드가 깔끔해보인다. 사용예시의 코드들을 아래처럼 작성하면 좀 더 깔끔해보인다. jQuery vs 순수 자바스크립트 이벤트를 등록하는 jQuery 코드의 예시는 아래와 같다. $('#home').on('click', clickHome); $('#seoul').on('click', clickSe..

나의 풀이 또 다른 풀이 먼저 두 가지로 나눠서 생각해보자. start 보다 end가 클 경우, 그리고 start 보다 end가 작을경우 먼저, start보다 end가 클 경우, 즉 값이 점점 증가할 경우에는 var idx = 0; for (var i = start; i end; i += step) { arr[idx] = i; idx++; } 이렇게 작성하면 된다. 이 코드를 if문으로 합쳐서 완성하면 아래와 같다. function range(start, end, s..

우선 결과값을 0!의 값인 1로 초기화해준다. var result = 1; n이 1 이상인 경우에는 반복문을 사용해서 팩토리얼 계산을 해준다. if (n > 1) { for (var i = 1; i 1) { for (var i = 1; i

일반적으로 반복 횟수가 예측 가능할 때는 for 문을 사용하는 것이 가독성이 더 좋고, 반복 횟수를 예측할 수 없으면 while 문을 사용하는 것이 더 적합한 경우가 많다. 로그인 모듈 사용자에게 아이디와 비밀번호를 입력받아서 '로그인' 시키는 모듈을 아래 두 가지 방법으로 만들어보자. 1. 다섯 번의 기회만 주는 모듈 2. 성공할 때까지 기회를 무제한으로 주는 모듈 횟수제한 ( for문 ) // 로그인 성공 여부를 보관하는 변수 var login = false; // 최대 다섯 번의 기회를 준다 for (var i = 0; i < 5; i++) { // 아이디와 비밀번호를 입력 받는다 var id = window.prompt("아이디를 입력하세요"); var password = window.prompt..

break 문 만약 while 문의 조건부분과 상관없이 반복문에서 나오고 싶으면 break문을 쓰면 된다. var i = 100; while (true) { // i가 23의 배수면 반복문을 끝냄 if (i % 23 == 0) { break; } i = i + 1; } console.log(i); 115 continue 문 만약 현재 진행되고 있는 수행부분을 중단시키고 바로 조건부분을 다시 확인하고 싶으면 continue 문을 쓰면 된다. var i = 0; while (i < 15) { i = i + 1; // i가 홀수면 console.log(i) 안하고 바로 조건부분으로 돌아감 if (i % 2 == 1) { continue; } console.log(i); } 2 4 6 8 10 12 14

우선 * 을 한 줄에 하나씩 출력한다. function printTriangle(height) { for (var i = 0; i < height; i = i + 1) { console.log('*'); } } // 테스트 코드 console.log('높이: 5'); printTriangle(5); console.log('높이: 3'); printTriangle(3); console.log('높이: 1'); printTriangle(1); 높이: 5 * * * * * 높이: 3 * * * 높이: 1 * 여기에서 *의 개수가 점점 많아지면 된다. 즉, for문이 반복될 때마다 text라는 변수에 *을 하나씩 추가하고 그 text를 출력하면 된다. function printTriangle(height) { ..